From 5eb391ce3979433d0439a0a0b291c23f17133b98 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 13 Nov 2023 15:50:00 -0500 Subject: [PATCH] feat(vars,expressvars)!: deprecate packages (#2244) BREAKING CHANGE: as no additional changes have been or are planned to be made to these legacy token packages, these assets no longer need to exist in the monorepo structure for Spectrum CSS. --- .gitignore | 1 + .prettierignore | 6 +- .storybook/main.js | 10 +- .storybook/postcss.config.js | 4 +- .stylelintignore | 3 - components/expressvars/CHANGELOG.md | 410 - components/expressvars/README.md | 42 - .../expressvars/css/components/index.css | 86 - .../css/components/spectrum-accordion.css | 62 - .../css/components/spectrum-actionbar.css | 19 - .../css/components/spectrum-actionbutton.css | 28682 ---------------- .../css/components/spectrum-actiongroup.css | 14 - .../css/components/spectrum-alertbanner.css | 128 - .../css/components/spectrum-artboard.css | 23 - .../css/components/spectrum-asset.css | 9 - .../css/components/spectrum-assetlist.css | 2 - .../css/components/spectrum-avatar.css | 398 - .../css/components/spectrum-badge.css | 11782 ------- .../css/components/spectrum-body.css | 2018 -- .../components/spectrum-bottomnavigation.css | 190 - .../css/components/spectrum-breadcrumb.css | 688 - .../css/components/spectrum-button.css | 24506 ------------- .../css/components/spectrum-buttongroup.css | 4 - .../css/components/spectrum-calendar.css | 168 - .../css/components/spectrum-card.css | 254 - .../css/components/spectrum-checkbox.css | 2342 -- .../css/components/spectrum-clearbutton.css | 218 - .../css/components/spectrum-closebutton.css | 506 - .../css/components/spectrum-coachmark.css | 192 - .../css/components/spectrum-code.css | 722 - .../css/components/spectrum-colorarea.css | 32 - .../css/components/spectrum-colorhandle.css | 90 - .../css/components/spectrum-colorloupe.css | 26 - .../css/components/spectrum-colorslider.css | 72 - .../css/components/spectrum-colorwheel.css | 28 - .../css/components/spectrum-combobox.css | 786 - .../css/components/spectrum-cyclebutton.css | 57 - .../css/components/spectrum-detail.css | 2306 -- .../css/components/spectrum-dial.css | 50 - .../css/components/spectrum-dialog.css | 272 - .../css/components/spectrum-divider.css | 26 - .../css/components/spectrum-drag.css | 8 - .../css/components/spectrum-dragbar.css | 14 - .../css/components/spectrum-dragthumb.css | 16 - .../css/components/spectrum-drawer.css | 3 - .../css/components/spectrum-dropindicator.css | 11 - .../css/components/spectrum-dropzone.css | 47 - .../css/components/spectrum-fieldlabel.css | 1706 - .../css/components/spectrum-heading.css | 6914 ---- .../css/components/spectrum-helptext.css | 610 - .../spectrum-illustratedmessage.css | 25 - .../css/components/spectrum-infieldbutton.css | 647 - .../css/components/spectrum-inlinealert.css | 56 - .../css/components/spectrum-label.css | 122 - .../css/components/spectrum-link.css | 1058 - .../css/components/spectrum-listitem.css | 1896 - .../css/components/spectrum-logicbutton.css | 80 - .../css/components/spectrum-meter.css | 1388 - .../css/components/spectrum-millercolumn.css | 86 - .../spectrum-opacitycheckerboard.css | 6 - .../css/components/spectrum-pagination.css | 122 - .../css/components/spectrum-panel.css | 226 - .../css/components/spectrum-picker.css | 4554 --- .../css/components/spectrum-pickerbutton.css | 2630 -- .../css/components/spectrum-popover.css | 17 - .../css/components/spectrum-progressbar.css | 958 - .../components/spectrum-progresscircle.css | 198 - .../css/components/spectrum-quickactions.css | 24 - .../css/components/spectrum-radio.css | 1454 - .../css/components/spectrum-radiogroup.css | 4 - .../css/components/spectrum-rating.css | 76 - .../css/components/spectrum-scrollbar.css | 503 - .../css/components/spectrum-search.css | 1096 - .../css/components/spectrum-searchwithin.css | 760 - .../css/components/spectrum-sidenav.css | 242 - .../css/components/spectrum-slider.css | 4442 --- .../css/components/spectrum-splitbutton.css | 4 - .../css/components/spectrum-statuslight.css | 1926 -- .../css/components/spectrum-steplist.css | 50 - .../css/components/spectrum-stepperbutton.css | 902 - .../css/components/spectrum-switch.css | 1046 - .../css/components/spectrum-tabbar.css | 194 - .../css/components/spectrum-table.css | 2078 -- .../css/components/spectrum-tabs.css | 19426 ----------- .../css/components/spectrum-tag.css | 3768 -- .../css/components/spectrum-taggroup.css | 4 - .../css/components/spectrum-textarea.css | 3234 -- .../css/components/spectrum-textfield.css | 3981 --- .../css/components/spectrum-thumbnail.css | 672 - .../css/components/spectrum-toast.css | 250 - .../css/components/spectrum-tooltip.css | 230 - .../css/components/spectrum-tray.css | 29 - .../css/components/spectrum-treeview.css | 263 - .../css/components/spectrum-well.css | 6 - components/expressvars/css/globals/index.css | 8 - .../css/globals/spectrum-animationGlobals.css | 20 - .../css/globals/spectrum-colorAliases.css | 460 - .../css/globals/spectrum-colorGlobals.css | 202 - .../css/globals/spectrum-colorSemantics.css | 86 - .../css/globals/spectrum-dimensionAliases.css | 351 - .../css/globals/spectrum-dimensionGlobals.css | 73 - .../css/globals/spectrum-fontGlobals.css | 33 - .../css/globals/spectrum-staticAliases.css | 101 - .../expressvars/css/scales/spectrum-large.css | 2310 -- .../css/scales/spectrum-medium.css | 2310 -- .../expressvars/css/themes/spectrum-dark.css | 222 - .../css/themes/spectrum-darkest.css | 169 - .../expressvars/css/themes/spectrum-light.css | 222 - components/expressvars/custom.css | 44 - components/expressvars/gulpfile.js | 148 - .../expressvars/json/spectrum-metadata.json | 7822 ----- components/expressvars/package.json | 52 - components/expressvars/tasks/updateDNA.js | 609 - components/splitbutton/index.css | 2 +- components/vars/CHANGELOG.md | 568 - components/vars/README.md | 42 - components/vars/css/components/index.css | 86 - .../css/components/spectrum-accordion.css | 62 - .../css/components/spectrum-actionbar.css | 19 - .../css/components/spectrum-actionbutton.css | 28682 ---------------- .../css/components/spectrum-actiongroup.css | 14 - .../css/components/spectrum-alertbanner.css | 128 - .../vars/css/components/spectrum-artboard.css | 23 - .../vars/css/components/spectrum-asset.css | 9 - .../css/components/spectrum-assetlist.css | 2 - .../vars/css/components/spectrum-avatar.css | 398 - .../vars/css/components/spectrum-badge.css | 11782 ------- .../vars/css/components/spectrum-body.css | 2018 -- .../components/spectrum-bottomnavigation.css | 190 - .../css/components/spectrum-breadcrumb.css | 688 - .../vars/css/components/spectrum-button.css | 24506 ------------- .../css/components/spectrum-buttongroup.css | 4 - .../vars/css/components/spectrum-calendar.css | 168 - .../vars/css/components/spectrum-card.css | 254 - .../vars/css/components/spectrum-checkbox.css | 2342 -- .../css/components/spectrum-clearbutton.css | 218 - .../css/components/spectrum-closebutton.css | 506 - .../css/components/spectrum-coachmark.css | 192 - .../vars/css/components/spectrum-code.css | 722 - .../css/components/spectrum-colorarea.css | 32 - .../css/components/spectrum-colorhandle.css | 90 - .../css/components/spectrum-colorloupe.css | 26 - .../css/components/spectrum-colorslider.css | 72 - .../css/components/spectrum-colorwheel.css | 28 - .../vars/css/components/spectrum-combobox.css | 786 - .../css/components/spectrum-cyclebutton.css | 57 - .../vars/css/components/spectrum-detail.css | 2306 -- .../vars/css/components/spectrum-dial.css | 50 - .../vars/css/components/spectrum-dialog.css | 272 - .../vars/css/components/spectrum-divider.css | 26 - .../vars/css/components/spectrum-drag.css | 8 - .../vars/css/components/spectrum-dragbar.css | 14 - .../css/components/spectrum-dragthumb.css | 16 - .../vars/css/components/spectrum-drawer.css | 3 - .../css/components/spectrum-dropindicator.css | 11 - .../vars/css/components/spectrum-dropzone.css | 47 - .../css/components/spectrum-fieldlabel.css | 1706 - .../vars/css/components/spectrum-heading.css | 6914 ---- .../vars/css/components/spectrum-helptext.css | 610 - .../spectrum-illustratedmessage.css | 25 - .../css/components/spectrum-infieldbutton.css | 647 - .../css/components/spectrum-inlinealert.css | 56 - .../vars/css/components/spectrum-label.css | 122 - .../vars/css/components/spectrum-link.css | 1058 - .../vars/css/components/spectrum-listitem.css | 1896 - .../css/components/spectrum-logicbutton.css | 80 - .../vars/css/components/spectrum-meter.css | 1388 - .../css/components/spectrum-millercolumn.css | 86 - .../spectrum-opacitycheckerboard.css | 6 - .../css/components/spectrum-pagination.css | 122 - .../vars/css/components/spectrum-panel.css | 226 - .../vars/css/components/spectrum-picker.css | 4554 --- .../css/components/spectrum-pickerbutton.css | 2630 -- .../vars/css/components/spectrum-popover.css | 17 - .../css/components/spectrum-progressbar.css | 958 - .../components/spectrum-progresscircle.css | 198 - .../css/components/spectrum-quickactions.css | 24 - .../vars/css/components/spectrum-radio.css | 1454 - .../css/components/spectrum-radiogroup.css | 4 - .../vars/css/components/spectrum-rating.css | 76 - .../css/components/spectrum-scrollbar.css | 503 - .../vars/css/components/spectrum-search.css | 1096 - .../css/components/spectrum-searchwithin.css | 760 - .../vars/css/components/spectrum-sidenav.css | 242 - .../vars/css/components/spectrum-slider.css | 4442 --- .../css/components/spectrum-splitbutton.css | 4 - .../css/components/spectrum-statuslight.css | 1926 -- .../vars/css/components/spectrum-steplist.css | 50 - .../css/components/spectrum-stepperbutton.css | 902 - .../vars/css/components/spectrum-switch.css | 1046 - .../vars/css/components/spectrum-tabbar.css | 194 - .../vars/css/components/spectrum-table.css | 2078 -- .../vars/css/components/spectrum-tabs.css | 20834 ----------- .../vars/css/components/spectrum-tag.css | 3768 -- .../vars/css/components/spectrum-taggroup.css | 4 - .../vars/css/components/spectrum-textarea.css | 3234 -- .../css/components/spectrum-textfield.css | 3981 --- .../css/components/spectrum-thumbnail.css | 672 - .../vars/css/components/spectrum-toast.css | 250 - .../vars/css/components/spectrum-tooltip.css | 230 - .../vars/css/components/spectrum-tray.css | 29 - .../vars/css/components/spectrum-treeview.css | 263 - .../vars/css/components/spectrum-well.css | 6 - components/vars/css/globals/index.css | 8 - .../css/globals/spectrum-animationGlobals.css | 20 - .../css/globals/spectrum-colorAliases.css | 463 - .../css/globals/spectrum-colorGlobals.css | 202 - .../css/globals/spectrum-colorSemantics.css | 86 - .../css/globals/spectrum-dimensionAliases.css | 348 - .../css/globals/spectrum-dimensionGlobals.css | 73 - .../vars/css/globals/spectrum-fontGlobals.css | 33 - .../css/globals/spectrum-staticAliases.css | 101 - components/vars/css/scales/spectrum-large.css | 2313 -- .../vars/css/scales/spectrum-medium.css | 2313 -- components/vars/css/themes/spectrum-dark.css | 213 - .../vars/css/themes/spectrum-darkest.css | 212 - components/vars/css/themes/spectrum-light.css | 212 - .../vars/css/themes/spectrum-lightest.css | 160 - .../vars/css/themes/spectrum-middark.css | 212 - .../vars/css/themes/spectrum-midlight.css | 213 - components/vars/custom.css | 21 - components/vars/gulpfile.js | 148 - components/vars/json/spectrum-metadata.json | 9153 ----- components/vars/package.json | 52 - components/vars/tasks/updateDNA.js | 609 - package.json | 2 + .../package.json | 5 +- site/includes/dependencies.pug | 12 +- site/templates/individualComponent.pug | 10 +- tasks/clean-up-after-migration.sh | 4 +- tools/bundle-builder/index.js | 4 +- tools/bundle-builder/vars/index.js | 10 +- tools/component-builder-simple/css/index.js | 151 - yarn.lock | 2449 +- 234 files changed, 1151 insertions(+), 330039 deletions(-) delete mode 100644 components/expressvars/CHANGELOG.md delete mode 100644 components/expressvars/README.md delete mode 100644 components/expressvars/css/components/index.css delete mode 100644 components/expressvars/css/components/spectrum-accordion.css delete mode 100644 components/expressvars/css/components/spectrum-actionbar.css delete mode 100644 components/expressvars/css/components/spectrum-actionbutton.css delete mode 100644 components/expressvars/css/components/spectrum-actiongroup.css delete mode 100644 components/expressvars/css/components/spectrum-alertbanner.css delete mode 100644 components/expressvars/css/components/spectrum-artboard.css delete mode 100644 components/expressvars/css/components/spectrum-asset.css delete mode 100644 components/expressvars/css/components/spectrum-assetlist.css delete mode 100644 components/expressvars/css/components/spectrum-avatar.css delete mode 100644 components/expressvars/css/components/spectrum-badge.css delete mode 100644 components/expressvars/css/components/spectrum-body.css delete mode 100644 components/expressvars/css/components/spectrum-bottomnavigation.css delete mode 100644 components/expressvars/css/components/spectrum-breadcrumb.css delete mode 100644 components/expressvars/css/components/spectrum-button.css delete mode 100644 components/expressvars/css/components/spectrum-buttongroup.css delete mode 100644 components/expressvars/css/components/spectrum-calendar.css delete mode 100644 components/expressvars/css/components/spectrum-card.css delete mode 100644 components/expressvars/css/components/spectrum-checkbox.css delete mode 100644 components/expressvars/css/components/spectrum-clearbutton.css delete mode 100644 components/expressvars/css/components/spectrum-closebutton.css delete mode 100644 components/expressvars/css/components/spectrum-coachmark.css delete mode 100644 components/expressvars/css/components/spectrum-code.css delete mode 100644 components/expressvars/css/components/spectrum-colorarea.css delete mode 100644 components/expressvars/css/components/spectrum-colorhandle.css delete mode 100644 components/expressvars/css/components/spectrum-colorloupe.css delete mode 100644 components/expressvars/css/components/spectrum-colorslider.css delete mode 100644 components/expressvars/css/components/spectrum-colorwheel.css delete mode 100644 components/expressvars/css/components/spectrum-combobox.css delete mode 100644 components/expressvars/css/components/spectrum-cyclebutton.css delete mode 100644 components/expressvars/css/components/spectrum-detail.css delete mode 100644 components/expressvars/css/components/spectrum-dial.css delete mode 100644 components/expressvars/css/components/spectrum-dialog.css delete mode 100644 components/expressvars/css/components/spectrum-divider.css delete mode 100644 components/expressvars/css/components/spectrum-drag.css delete mode 100644 components/expressvars/css/components/spectrum-dragbar.css delete mode 100644 components/expressvars/css/components/spectrum-dragthumb.css delete mode 100644 components/expressvars/css/components/spectrum-drawer.css delete mode 100644 components/expressvars/css/components/spectrum-dropindicator.css delete mode 100644 components/expressvars/css/components/spectrum-dropzone.css delete mode 100644 components/expressvars/css/components/spectrum-fieldlabel.css delete mode 100644 components/expressvars/css/components/spectrum-heading.css delete mode 100644 components/expressvars/css/components/spectrum-helptext.css delete mode 100644 components/expressvars/css/components/spectrum-illustratedmessage.css delete mode 100644 components/expressvars/css/components/spectrum-infieldbutton.css delete mode 100644 components/expressvars/css/components/spectrum-inlinealert.css delete mode 100644 components/expressvars/css/components/spectrum-label.css delete mode 100644 components/expressvars/css/components/spectrum-link.css delete mode 100644 components/expressvars/css/components/spectrum-listitem.css delete mode 100644 components/expressvars/css/components/spectrum-logicbutton.css delete mode 100644 components/expressvars/css/components/spectrum-meter.css delete mode 100644 components/expressvars/css/components/spectrum-millercolumn.css delete mode 100644 components/expressvars/css/components/spectrum-opacitycheckerboard.css delete mode 100644 components/expressvars/css/components/spectrum-pagination.css delete mode 100644 components/expressvars/css/components/spectrum-panel.css delete mode 100644 components/expressvars/css/components/spectrum-picker.css delete mode 100644 components/expressvars/css/components/spectrum-pickerbutton.css delete mode 100644 components/expressvars/css/components/spectrum-popover.css delete mode 100644 components/expressvars/css/components/spectrum-progressbar.css delete mode 100644 components/expressvars/css/components/spectrum-progresscircle.css delete mode 100644 components/expressvars/css/components/spectrum-quickactions.css delete mode 100644 components/expressvars/css/components/spectrum-radio.css delete mode 100644 components/expressvars/css/components/spectrum-radiogroup.css delete mode 100644 components/expressvars/css/components/spectrum-rating.css delete mode 100644 components/expressvars/css/components/spectrum-scrollbar.css delete mode 100644 components/expressvars/css/components/spectrum-search.css delete mode 100644 components/expressvars/css/components/spectrum-searchwithin.css delete mode 100644 components/expressvars/css/components/spectrum-sidenav.css delete mode 100644 components/expressvars/css/components/spectrum-slider.css delete mode 100644 components/expressvars/css/components/spectrum-splitbutton.css delete mode 100644 components/expressvars/css/components/spectrum-statuslight.css delete mode 100644 components/expressvars/css/components/spectrum-steplist.css delete mode 100644 components/expressvars/css/components/spectrum-stepperbutton.css delete mode 100644 components/expressvars/css/components/spectrum-switch.css delete mode 100644 components/expressvars/css/components/spectrum-tabbar.css delete mode 100644 components/expressvars/css/components/spectrum-table.css delete mode 100644 components/expressvars/css/components/spectrum-tabs.css delete mode 100644 components/expressvars/css/components/spectrum-tag.css delete mode 100644 components/expressvars/css/components/spectrum-taggroup.css delete mode 100644 components/expressvars/css/components/spectrum-textarea.css delete mode 100644 components/expressvars/css/components/spectrum-textfield.css delete mode 100644 components/expressvars/css/components/spectrum-thumbnail.css delete mode 100644 components/expressvars/css/components/spectrum-toast.css delete mode 100644 components/expressvars/css/components/spectrum-tooltip.css delete mode 100644 components/expressvars/css/components/spectrum-tray.css delete mode 100644 components/expressvars/css/components/spectrum-treeview.css delete mode 100644 components/expressvars/css/components/spectrum-well.css delete mode 100644 components/expressvars/css/globals/index.css delete mode 100644 components/expressvars/css/globals/spectrum-animationGlobals.css delete mode 100644 components/expressvars/css/globals/spectrum-colorAliases.css delete mode 100644 components/expressvars/css/globals/spectrum-colorGlobals.css delete mode 100644 components/expressvars/css/globals/spectrum-colorSemantics.css delete mode 100644 components/expressvars/css/globals/spectrum-dimensionAliases.css delete mode 100644 components/expressvars/css/globals/spectrum-dimensionGlobals.css delete mode 100644 components/expressvars/css/globals/spectrum-fontGlobals.css delete mode 100644 components/expressvars/css/globals/spectrum-staticAliases.css delete mode 100644 components/expressvars/css/scales/spectrum-large.css delete mode 100644 components/expressvars/css/scales/spectrum-medium.css delete mode 100644 components/expressvars/css/themes/spectrum-dark.css delete mode 100644 components/expressvars/css/themes/spectrum-darkest.css delete mode 100644 components/expressvars/css/themes/spectrum-light.css delete mode 100644 components/expressvars/custom.css delete mode 100644 components/expressvars/gulpfile.js delete mode 100644 components/expressvars/json/spectrum-metadata.json delete mode 100644 components/expressvars/package.json delete mode 100644 components/expressvars/tasks/updateDNA.js delete mode 100644 components/vars/CHANGELOG.md delete mode 100644 components/vars/README.md delete mode 100644 components/vars/css/components/index.css delete mode 100644 components/vars/css/components/spectrum-accordion.css delete mode 100644 components/vars/css/components/spectrum-actionbar.css delete mode 100644 components/vars/css/components/spectrum-actionbutton.css delete mode 100644 components/vars/css/components/spectrum-actiongroup.css delete mode 100644 components/vars/css/components/spectrum-alertbanner.css delete mode 100644 components/vars/css/components/spectrum-artboard.css delete mode 100644 components/vars/css/components/spectrum-asset.css delete mode 100644 components/vars/css/components/spectrum-assetlist.css delete mode 100644 components/vars/css/components/spectrum-avatar.css delete mode 100644 components/vars/css/components/spectrum-badge.css delete mode 100644 components/vars/css/components/spectrum-body.css delete mode 100644 components/vars/css/components/spectrum-bottomnavigation.css delete mode 100644 components/vars/css/components/spectrum-breadcrumb.css delete mode 100644 components/vars/css/components/spectrum-button.css delete mode 100644 components/vars/css/components/spectrum-buttongroup.css delete mode 100644 components/vars/css/components/spectrum-calendar.css delete mode 100644 components/vars/css/components/spectrum-card.css delete mode 100644 components/vars/css/components/spectrum-checkbox.css delete mode 100644 components/vars/css/components/spectrum-clearbutton.css delete mode 100644 components/vars/css/components/spectrum-closebutton.css delete mode 100644 components/vars/css/components/spectrum-coachmark.css delete mode 100644 components/vars/css/components/spectrum-code.css delete mode 100644 components/vars/css/components/spectrum-colorarea.css delete mode 100644 components/vars/css/components/spectrum-colorhandle.css delete mode 100644 components/vars/css/components/spectrum-colorloupe.css delete mode 100644 components/vars/css/components/spectrum-colorslider.css delete mode 100644 components/vars/css/components/spectrum-colorwheel.css delete mode 100644 components/vars/css/components/spectrum-combobox.css delete mode 100644 components/vars/css/components/spectrum-cyclebutton.css delete mode 100644 components/vars/css/components/spectrum-detail.css delete mode 100644 components/vars/css/components/spectrum-dial.css delete mode 100644 components/vars/css/components/spectrum-dialog.css delete mode 100644 components/vars/css/components/spectrum-divider.css delete mode 100644 components/vars/css/components/spectrum-drag.css delete mode 100644 components/vars/css/components/spectrum-dragbar.css delete mode 100644 components/vars/css/components/spectrum-dragthumb.css delete mode 100644 components/vars/css/components/spectrum-drawer.css delete mode 100644 components/vars/css/components/spectrum-dropindicator.css delete mode 100644 components/vars/css/components/spectrum-dropzone.css delete mode 100644 components/vars/css/components/spectrum-fieldlabel.css delete mode 100644 components/vars/css/components/spectrum-heading.css delete mode 100644 components/vars/css/components/spectrum-helptext.css delete mode 100644 components/vars/css/components/spectrum-illustratedmessage.css delete mode 100644 components/vars/css/components/spectrum-infieldbutton.css delete mode 100644 components/vars/css/components/spectrum-inlinealert.css delete mode 100644 components/vars/css/components/spectrum-label.css delete mode 100644 components/vars/css/components/spectrum-link.css delete mode 100644 components/vars/css/components/spectrum-listitem.css delete mode 100644 components/vars/css/components/spectrum-logicbutton.css delete mode 100644 components/vars/css/components/spectrum-meter.css delete mode 100644 components/vars/css/components/spectrum-millercolumn.css delete mode 100644 components/vars/css/components/spectrum-opacitycheckerboard.css delete mode 100644 components/vars/css/components/spectrum-pagination.css delete mode 100644 components/vars/css/components/spectrum-panel.css delete mode 100644 components/vars/css/components/spectrum-picker.css delete mode 100644 components/vars/css/components/spectrum-pickerbutton.css delete mode 100644 components/vars/css/components/spectrum-popover.css delete mode 100644 components/vars/css/components/spectrum-progressbar.css delete mode 100644 components/vars/css/components/spectrum-progresscircle.css delete mode 100644 components/vars/css/components/spectrum-quickactions.css delete mode 100644 components/vars/css/components/spectrum-radio.css delete mode 100644 components/vars/css/components/spectrum-radiogroup.css delete mode 100644 components/vars/css/components/spectrum-rating.css delete mode 100644 components/vars/css/components/spectrum-scrollbar.css delete mode 100644 components/vars/css/components/spectrum-search.css delete mode 100644 components/vars/css/components/spectrum-searchwithin.css delete mode 100644 components/vars/css/components/spectrum-sidenav.css delete mode 100644 components/vars/css/components/spectrum-slider.css delete mode 100644 components/vars/css/components/spectrum-splitbutton.css delete mode 100644 components/vars/css/components/spectrum-statuslight.css delete mode 100644 components/vars/css/components/spectrum-steplist.css delete mode 100644 components/vars/css/components/spectrum-stepperbutton.css delete mode 100644 components/vars/css/components/spectrum-switch.css delete mode 100644 components/vars/css/components/spectrum-tabbar.css delete mode 100644 components/vars/css/components/spectrum-table.css delete mode 100644 components/vars/css/components/spectrum-tabs.css delete mode 100644 components/vars/css/components/spectrum-tag.css delete mode 100644 components/vars/css/components/spectrum-taggroup.css delete mode 100644 components/vars/css/components/spectrum-textarea.css delete mode 100644 components/vars/css/components/spectrum-textfield.css delete mode 100644 components/vars/css/components/spectrum-thumbnail.css delete mode 100644 components/vars/css/components/spectrum-toast.css delete mode 100644 components/vars/css/components/spectrum-tooltip.css delete mode 100644 components/vars/css/components/spectrum-tray.css delete mode 100644 components/vars/css/components/spectrum-treeview.css delete mode 100644 components/vars/css/components/spectrum-well.css delete mode 100644 components/vars/css/globals/index.css delete mode 100644 components/vars/css/globals/spectrum-animationGlobals.css delete mode 100644 components/vars/css/globals/spectrum-colorAliases.css delete mode 100644 components/vars/css/globals/spectrum-colorGlobals.css delete mode 100644 components/vars/css/globals/spectrum-colorSemantics.css delete mode 100644 components/vars/css/globals/spectrum-dimensionAliases.css delete mode 100644 components/vars/css/globals/spectrum-dimensionGlobals.css delete mode 100644 components/vars/css/globals/spectrum-fontGlobals.css delete mode 100644 components/vars/css/globals/spectrum-staticAliases.css delete mode 100644 components/vars/css/scales/spectrum-large.css delete mode 100644 components/vars/css/scales/spectrum-medium.css delete mode 100644 components/vars/css/themes/spectrum-dark.css delete mode 100644 components/vars/css/themes/spectrum-darkest.css delete mode 100644 components/vars/css/themes/spectrum-light.css delete mode 100644 components/vars/css/themes/spectrum-lightest.css delete mode 100644 components/vars/css/themes/spectrum-middark.css delete mode 100644 components/vars/css/themes/spectrum-midlight.css delete mode 100644 components/vars/custom.css delete mode 100644 components/vars/gulpfile.js delete mode 100644 components/vars/json/spectrum-metadata.json delete mode 100644 components/vars/package.json delete mode 100644 components/vars/tasks/updateDNA.js diff --git a/.gitignore b/.gitignore index 4e7b4771315..be9f5c1560a 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ dist-site temp .npmrc* +.nx .env .tmp npm-debug.log* diff --git a/.prettierignore b/.prettierignore index 172f7f0ad18..cc52879cd1c 100644 --- a/.prettierignore +++ b/.prettierignore @@ -4,15 +4,11 @@ **/node_modules components/*/dist -components/expressvars/custom.css -components/expressvars/css/**/*.css -components/vars/css/**/*.css -components/vars/custom.css tokens/custom-*/*.css .storybook/storybook-static/** generator dist -template.hbs +*.hbs site/includes/*.js diff --git a/.storybook/main.js b/.storybook/main.js index 7934ab4c826..c7f921bfada 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -94,9 +94,7 @@ module.exports = { { loader: "file-loader", options: { - outputPath: (url, resourcePath, context) => { - return `assets/images/${url.replace(/_\//g, "")}`; - }, + outputPath: (url) => `assets/images/${url.replace(/_\//g, "")}`, }, }, ], @@ -118,7 +116,11 @@ module.exports = { loader: "file-loader", options: { name: "[path][name].[ext][query]", - outputPath: (url, resourcePath, context) => { + outputPath: (url) => { + if (/node_modules\/@spectrum-css/.test(url)) { + return `assets/css/${url.replace(/^_\/_\/node_modules\/@spectrum-css\//g, "")}`; + } + return `assets/css/${url.replace(/_\//g, "")}`; }, esModule: false, diff --git a/.storybook/postcss.config.js b/.storybook/postcss.config.js index 1711b49c25b..5f00b128ccb 100644 --- a/.storybook/postcss.config.js +++ b/.storybook/postcss.config.js @@ -1,4 +1,4 @@ -const { resolve, relative, basename } = require("path"); +const { resolve, relative, basename, sep } = require("path"); const { existsSync } = require("fs"); const warnCleaner = require("postcss-warn-cleaner"); @@ -8,7 +8,7 @@ const legacyBuilder = require("@spectrum-css/component-builder/css/processors.js module.exports = (ctx) => { let plugins = []; const componentPath = resolve(__dirname, "../components"); - const folderName = relative(componentPath, ctx.file).split("/")[0]; + const folderName = ctx.file.includes('node_modules') ? relative(resolve(__dirname, "../../node_modules/@spectrum-css"), ctx.file)?.split(sep)?.shift() : relative(componentPath, ctx.file).split("/")[0]; const pkgPath = resolve(componentPath, folderName, "package.json"); if (["expressvars", "vars", "tokens"].includes(folderName)) { diff --git a/.stylelintignore b/.stylelintignore index 7f7a0068b4c..3aed1aaf090 100644 --- a/.stylelintignore +++ b/.stylelintignore @@ -1,6 +1,3 @@ components/**/*-generated.css tokens/* -components/vars/* -components/express/* -components/expressvars/* components/site/* diff --git a/components/expressvars/CHANGELOG.md b/components/expressvars/CHANGELOG.md deleted file mode 100644 index 05f7c826268..00000000000 --- a/components/expressvars/CHANGELOG.md +++ /dev/null @@ -1,410 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - - -##3.0.9 -🗓 -2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.8...@spectrum-css/expressvars@3.0.9) - -### 🐛 Bug fixes - -- **expressvars:**slider variable typo([1136529](https://github.com/adobe/spectrum-css/commit/1136529)) - - -##3.0.8 -🗓 -2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.7...@spectrum-css/expressvars@3.0.8) - -### 🐛 Bug fixes - -\*restore files to pre-formatted state([491dbcb](https://github.com/adobe/spectrum-css/commit/491dbcb)) - - -##3.0.7 -🗓 -2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.6...@spectrum-css/expressvars@3.0.7) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.6 - -🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.5...@spectrum-css/expressvars@3.0.6) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.5 - -🗓 2023-04-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.4...@spectrum-css/expressvars@3.0.5) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.4 - -🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.2...@spectrum-css/expressvars@3.0.4) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.3 - -🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.2...@spectrum-css/expressvars@3.0.3) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.2 - -🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.0...@spectrum-css/expressvars@3.0.2) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 3.0.1 - -🗓 2023-04-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@3.0.0...@spectrum-css/expressvars@3.0.1) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 3.0.0 - -🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.6...@spectrum-css/expressvars@3.0.0) - -- fix(tokens)!: rgb transform to split out rgb values from css attributes (#1590) ([b714db4](https://github.com/adobe/spectrum-css/commit/b714db4)), closes [#1590](https://github.com/adobe/spectrum-css/issues/1590) - -### 🛑 BREAKING CHANGES - -- transforms color tokens to split out their `rgb` values - -Co-authored-by: castastrophe - - - -## 2.0.6 - -🗓 2023-03-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.5...@spectrum-css/expressvars@2.0.6) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 2.0.5 - -🗓 2023-03-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.4...@spectrum-css/expressvars@2.0.5) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 2.0.4 - -🗓 2023-02-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.3...@spectrum-css/expressvars@2.0.4) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 2.0.3 - -🗓 2023-01-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.1...@spectrum-css/expressvars@2.0.3) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 2.0.2 - -🗓 2023-01-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.1...@spectrum-css/expressvars@2.0.2) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -## 2.0.1 - -🗓 2022-12-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@2.0.0...@spectrum-css/expressvars@2.0.1) - -### 🐛 Bug fixes - -- repository directory pointing to wrong folder ([492f95c](https://github.com/adobe/spectrum-css/commit/492f95c)) - - - -# 2.0.0 - -🗓 2022-04-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.2...@spectrum-css/expressvars@2.0.0) - -- feat!: update tokens with new colors, switch to deprecated token pkgs ([7282091](https://github.com/adobe/spectrum-css/commit/7282091)) - -### 🛑 BREAKING CHANGES - -- this PR introduces a substantial change to the color palette - - - -## 1.0.2 - -🗓 2022-04-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.31...@spectrum-css/expressvars@1.0.2) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0 - -🗓 2022-04-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.31...@spectrum-css/expressvars@1.0.0) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.31 - -🗓 2022-04-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.29...@spectrum-css/expressvars@1.0.0-beta.31) - -### ✨ Features - -- create -rgb suffixed variables for all rgb() values ([b2ccdf3](https://github.com/adobe/spectrum-css/commit/b2ccdf3)) - - - -# 1.0.0-beta.29 - -🗓 2022-03-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.28...@spectrum-css/expressvars@1.0.0-beta.29) - -### ✨ Features - -- split-out and Expressify Asset Card ([61a4e96](https://github.com/adobe/spectrum-css/commit/61a4e96)) -- update spectrum-tokens ([891ad14](https://github.com/adobe/spectrum-css/commit/891ad14)) -- update spectrum-tokens, use new token packages ([10c4a13](https://github.com/adobe/spectrum-css/commit/10c4a13)) - -### 🐛 Bug fixes - -- more design review updates ([b4bfa90](https://github.com/adobe/spectrum-css/commit/b4bfa90)) - - - -# 1.0.0-beta.28 - -🗓 2022-03-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.27...@spectrum-css/expressvars@1.0.0-beta.28) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.27 - -🗓 2022-03-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.26...@spectrum-css/expressvars@1.0.0-beta.27) - -### 🐛 Bug fixes - -- added express field label sizes; closes [#1367](https://github.com/adobe/spectrum-css/issues/1367) ([6344ab2](https://github.com/adobe/spectrum-css/commit/6344ab2)) - - - -# 1.0.0-beta.26 - -🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.25...@spectrum-css/expressvars@1.0.0-beta.26) - -### ✨ Features - -- fixup other Express Slider color an size changes ([2fa1ce5](https://github.com/adobe/spectrum-css/commit/2fa1ce5)) - -### 🐛 Bug fixes - -- support Express Slider ([bc42722](https://github.com/adobe/spectrum-css/commit/bc42722)) -- updated based on design review ([be41d62](https://github.com/adobe/spectrum-css/commit/be41d62)) - - - -# 1.0.0-beta.25 - -🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.24...@spectrum-css/expressvars@1.0.0-beta.25) - -### 🐛 Bug fixes - -- correct loupe outer ([fd9f01c](https://github.com/adobe/spectrum-css/commit/fd9f01c)) - - - -# 1.0.0-beta.24 - -🗓 2022-02-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.23...@spectrum-css/expressvars@1.0.0-beta.24) - -### ✨ Features - -- ability to add custom variables for Express/Spectrum ([50a4e04](https://github.com/adobe/spectrum-css/commit/50a4e04)) -- combine Express and Spectrum SVGs, toggle visibility with vars ([84f4b8b](https://github.com/adobe/spectrum-css/commit/84f4b8b)) -- update ColorLoupe and ColorSlider for Express ([490c00a](https://github.com/adobe/spectrum-css/commit/490c00a)) -- use --spectrum-picked-color for everything ([62e6469](https://github.com/adobe/spectrum-css/commit/62e6469)) - -### 🐛 Bug fixes - -- correct checkerboard background color ([dc6c297](https://github.com/adobe/spectrum-css/commit/dc6c297)) -- correct checkerboard color, stroke around edges of loupe ([c327261](https://github.com/adobe/spectrum-css/commit/c327261)) -- give the Spectrum loupe a stroke ([486b079](https://github.com/adobe/spectrum-css/commit/486b079)) - -### 🛑 BREAKING CHANGES - -- You must define --spectrum-picked-color instead of setting background-color - - - -# 1.0.0-beta.23 - -🗓 2022-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.22...@spectrum-css/expressvars@1.0.0-beta.23) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.22 - -🗓 2022-01-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.21...@spectrum-css/expressvars@1.0.0-beta.22) - -### ✨ Features - -- **tabs:** regenerate vars ([28302af](https://github.com/adobe/spectrum-css/commit/28302af)) -- update to latest vars release & regenerate custom props ([a2af534](https://github.com/adobe/spectrum-css/commit/a2af534)) - -### 🐛 Bug fixes - -- **tabs:** bump versions to get latest vars ([2bc69e9](https://github.com/adobe/spectrum-css/commit/2bc69e9)) - - - -# 1.0.0-beta.21 - -🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.19...@spectrum-css/expressvars@1.0.0-beta.21) - -### ✨ Features - -- temporary update of DNA variables ahead of release ([47ce20c](https://github.com/adobe/spectrum-css/commit/47ce20c)) -- update vars using local branch for testing and development ([b0ceb6b](https://github.com/adobe/spectrum-css/commit/b0ceb6b)) - -### chore - -- update @adobe/spectrum-tokens and @adobe/spectrum-express-tokens ([da06f9a](https://github.com/adobe/spectrum-css/commit/da06f9a)) - -### 🛑 BREAKING CHANGES - -- changes to button token api for static and style - variants. Removal of over background. - - - -# 1.0.0-beta.20 - -🗓 2021-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.19...@spectrum-css/expressvars@1.0.0-beta.20) - -### ✨ Features - -- temporary update of DNA variables ahead of release ([9f2a310](https://github.com/adobe/spectrum-css/commit/9f2a310)) -- update vars using local branch for testing and development ([5938f77](https://github.com/adobe/spectrum-css/commit/5938f77)) - -### chore - -- update @adobe/spectrum-tokens and @adobe/spectrum-express-tokens ([df3a179](https://github.com/adobe/spectrum-css/commit/df3a179)) - -### 🛑 BREAKING CHANGES - -- changes to button token api for static and style - variants. Removal of over background. - - - -# 1.0.0-beta.19 - -🗓 2021-12-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.18...@spectrum-css/expressvars@1.0.0-beta.19) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.18 - -🗓 2021-11-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.17...@spectrum-css/expressvars@1.0.0-beta.18) - -### ✨ Features - -- spectrum-tokens@8.4.0, spectrum-express-tokens@1.0.0-beta.13 ([bb059fb](https://github.com/adobe/spectrum-css/commit/bb059fb)) -- spectrum-tokens@8.5.0, spectrum-express-tokens@1.0.0-beta.14 ([910c43a](https://github.com/adobe/spectrum-css/commit/910c43a)) - - - -# 1.0.0-beta.17 - -🗓 2021-11-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.16...@spectrum-css/expressvars@1.0.0-beta.17) - -### ✨ Features - -- **thumbnail:** use different color for checkerboard background ([0331f62](https://github.com/adobe/spectrum-css/commit/0331f62)) - - - -# 1.0.0-beta.16 - -🗓 2021-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.15...@spectrum-css/expressvars@1.0.0-beta.16) - -### 🐛 Bug fixes - -- update DNA versions ([c85446e](https://github.com/adobe/spectrum-css/commit/c85446e)) -- update DNA versions for checkbox, radio, switch ([dcdcb7f](https://github.com/adobe/spectrum-css/commit/dcdcb7f)) - - - -# 1.0.0-beta.15 - -🗓 2021-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.14...@spectrum-css/expressvars@1.0.0-beta.15) - -### ✨ Features - -- make ClearButton build again, unblock CCX ([#1304](https://github.com/adobe/spectrum-css/issues/1304)) ([ae9399a](https://github.com/adobe/spectrum-css/commit/ae9399a)) - - - -## 1.0.1 - -🗓 2021-10-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.14...@spectrum-css/expressvars@1.0.1) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0 - -🗓 2021-09-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.14...@spectrum-css/expressvars@1.0.0) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.14 - -🗓 2021-07-19 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/expressvars@1.0.0-beta.12...@spectrum-css/expressvars@1.0.0-beta.14) - -**Note:** Version bump only for package @spectrum-css/expressvars - - - -# 1.0.0-beta.12 - -🗓 2021-06-17 - -### ✨ Features - -- added express vars package ([7605185](https://github.com/adobe/spectrum-css/commit/7605185)) - -# Change Log diff --git a/components/expressvars/README.md b/components/expressvars/README.md deleted file mode 100644 index eddb915779b..00000000000 --- a/components/expressvars/README.md +++ /dev/null @@ -1,42 +0,0 @@ -# `@spectrum-css/vars` - -The vars component contains all the variables that drive the presentation of a component. - -## CSS Usage - -The files within the `css/` folder are unprocessed Spectrum DNA output. These contain ALL variables with raw data for each. These should be used if variables are required at build time. - -The files within the `dist/css/` folder contain processed DNA output, with references to only the DNA variables that change between color stops and scales. These should be if CSS custom properties are being used in-browser. - -## Updating DNA tokens / variables from Spectrum DNA - -Update the DNA version in `package.json` - -`"@spectrum/spectrum-dna": "^x.y.z",` - -In root directory: - -``` -yarn install -yarn add -W -O @spectrum/spectrum-dna -``` - -Run the DNA update script: - -``` -cd components/vars -npm run update -``` - -Commit the new files with `git add .; git commit -m "feat: update DNA to x.y.z"` with x.y.z being the DNA version number matching the update in `package.json`. - -### Potential error resolving solutions - -Clean Lerna, remove node_modules and reinstall Yarn dependencies. - -``` -npx lerna clean -rm -rf node_modules/ -rm .yarnrc -yarn install -``` diff --git a/components/expressvars/css/components/index.css b/components/expressvars/css/components/index.css deleted file mode 100644 index ecdffa7689f..00000000000 --- a/components/expressvars/css/components/index.css +++ /dev/null @@ -1,86 +0,0 @@ -@import 'spectrum-accordion.css'; -@import 'spectrum-actionbar.css'; -@import 'spectrum-actionbutton.css'; -@import 'spectrum-actiongroup.css'; -@import 'spectrum-alertbanner.css'; -@import 'spectrum-artboard.css'; -@import 'spectrum-asset.css'; -@import 'spectrum-assetlist.css'; -@import 'spectrum-avatar.css'; -@import 'spectrum-badge.css'; -@import 'spectrum-body.css'; -@import 'spectrum-bottomnavigation.css'; -@import 'spectrum-breadcrumb.css'; -@import 'spectrum-button.css'; -@import 'spectrum-buttongroup.css'; -@import 'spectrum-calendar.css'; -@import 'spectrum-card.css'; -@import 'spectrum-checkbox.css'; -@import 'spectrum-clearbutton.css'; -@import 'spectrum-closebutton.css'; -@import 'spectrum-coachmark.css'; -@import 'spectrum-code.css'; -@import 'spectrum-colorarea.css'; -@import 'spectrum-colorhandle.css'; -@import 'spectrum-colorloupe.css'; -@import 'spectrum-colorslider.css'; -@import 'spectrum-colorwheel.css'; -@import 'spectrum-combobox.css'; -@import 'spectrum-cyclebutton.css'; -@import 'spectrum-detail.css'; -@import 'spectrum-dial.css'; -@import 'spectrum-dialog.css'; -@import 'spectrum-divider.css'; -@import 'spectrum-drag.css'; -@import 'spectrum-dragbar.css'; -@import 'spectrum-dragthumb.css'; -@import 'spectrum-drawer.css'; -@import 'spectrum-dropindicator.css'; -@import 'spectrum-dropzone.css'; -@import 'spectrum-fieldlabel.css'; -@import 'spectrum-heading.css'; -@import 'spectrum-helptext.css'; -@import 'spectrum-illustratedmessage.css'; -@import 'spectrum-infieldbutton.css'; -@import 'spectrum-inlinealert.css'; -@import 'spectrum-label.css'; -@import 'spectrum-link.css'; -@import 'spectrum-listitem.css'; -@import 'spectrum-logicbutton.css'; -@import 'spectrum-meter.css'; -@import 'spectrum-millercolumn.css'; -@import 'spectrum-opacitycheckerboard.css'; -@import 'spectrum-pagination.css'; -@import 'spectrum-panel.css'; -@import 'spectrum-picker.css'; -@import 'spectrum-pickerbutton.css'; -@import 'spectrum-popover.css'; -@import 'spectrum-progressbar.css'; -@import 'spectrum-progresscircle.css'; -@import 'spectrum-quickactions.css'; -@import 'spectrum-radio.css'; -@import 'spectrum-radiogroup.css'; -@import 'spectrum-rating.css'; -@import 'spectrum-scrollbar.css'; -@import 'spectrum-search.css'; -@import 'spectrum-searchwithin.css'; -@import 'spectrum-sidenav.css'; -@import 'spectrum-slider.css'; -@import 'spectrum-splitbutton.css'; -@import 'spectrum-statuslight.css'; -@import 'spectrum-steplist.css'; -@import 'spectrum-stepperbutton.css'; -@import 'spectrum-switch.css'; -@import 'spectrum-tabbar.css'; -@import 'spectrum-table.css'; -@import 'spectrum-tabs.css'; -@import 'spectrum-tag.css'; -@import 'spectrum-taggroup.css'; -@import 'spectrum-textarea.css'; -@import 'spectrum-textfield.css'; -@import 'spectrum-thumbnail.css'; -@import 'spectrum-toast.css'; -@import 'spectrum-tooltip.css'; -@import 'spectrum-tray.css'; -@import 'spectrum-treeview.css'; -@import 'spectrum-well.css'; \ No newline at end of file diff --git a/components/expressvars/css/components/spectrum-accordion.css b/components/expressvars/css/components/spectrum-accordion.css deleted file mode 100644 index 77a32ccb31b..00000000000 --- a/components/expressvars/css/components/spectrum-accordion.css +++ /dev/null @@ -1,62 +0,0 @@ -:root { - --spectrum-accordion-item-title-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-accordion-item-border-left-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-accordion-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-accordion-item-title-text-color: var(--spectrum-global-color-gray-700); - --spectrum-accordion-item-border-left-color: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color: var(--spectrum-global-color-gray-700); - --spectrum-accordion-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-accordion-item-title-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-accordion-item-title-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-accordion-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-accordion-item-title-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-accordion-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-accordion-item-title-text-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-accordion-item-border-left-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-accordion-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-accordion-item-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-accordion-border-color: var(--spectrum-global-color-gray-300); - --spectrum-accordion-item-title-tracking: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-accordion-item-title-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-accordion-item-title-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-accordion-item-title-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-accordion-item-title-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-accordion-item-title-text-transform: uppercase; - --spectrum-accordion-item-title-margin-top: 0px; - --spectrum-accordion-item-title-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-accordion-item-title-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-accordion-item-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-accordion-item-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-accordion-item-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-accordion-item-content-padding: var(--spectrum-global-dimension-size-200); - --spectrum-accordion-item-height: var(--spectrum-global-dimension-static-size-500); - --spectrum-accordion-item-padding-x: var(--spectrum-global-dimension-size-225); - --spectrum-accordion-item-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-accordion-item-border-left-size: var(--spectrum-alias-border-size-thick); - --spectrum-accordion-text-transform: none; - --spectrum-accordion-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-accordion-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-accordion-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-accordion-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-accordion-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-accordion-text-text-transform: none; - --spectrum-accordion-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-accordion-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-accordion-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-accordion-icon-gap: var(--spectrum-global-dimension-size-100); -} diff --git a/components/expressvars/css/components/spectrum-actionbar.css b/components/expressvars/css/components/spectrum-actionbar.css deleted file mode 100644 index 59e703f407c..00000000000 --- a/components/expressvars/css/components/spectrum-actionbar.css +++ /dev/null @@ -1,19 +0,0 @@ -:root { - --spectrum-actionbar-background-color: var(--spectrum-global-color-gray-50); - --spectrum-actionbar-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-actionbar-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-actionbar-checkbox-gap: var(--spectrum-global-dimension-size-500); - --spectrum-actionbar-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbar-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-actionbar-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbar-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-min-width: var(--spectrum-global-dimension-static-size-3500); - --spectrum-actionbar-max-width: var(--spectrum-global-dimension-static-size-3500); - --spectrum-actionbar-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-actionbar-offset-x: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-elevation: 2dp; - --spectrum-actionbar-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-actionbar-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); -} diff --git a/components/expressvars/css/components/spectrum-actionbutton.css b/components/expressvars/css/components/spectrum-actionbutton.css deleted file mode 100644 index b64344296f4..00000000000 --- a/components/expressvars/css/components/spectrum-actionbutton.css +++ /dev/null @@ -1,28682 +0,0 @@ -:root { - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-texticon-position: relative; - --spectrum-actionbutton-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-texticon-position: relative; - --spectrum-actionbutton-s-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-texticon-position: relative; - --spectrum-actionbutton-s-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-texticon-text-transform: none; - --spectrum-actionbutton-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-texticon-text-render: yes; - --spectrum-actionbutton-s-texticon-text-order: 2; - --spectrum-actionbutton-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-texticon-text-text-transform: none; - --spectrum-actionbutton-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-texticon-icon-render: yes; - --spectrum-actionbutton-s-texticon-icon-order: 1; - --spectrum-actionbutton-s-texticon-icon-type: icon; - --spectrum-actionbutton-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-texticon-layout: inline-row; - --spectrum-actionbutton-s-texticon-position: relative; - --spectrum-actionbutton-s-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-texticon-text-transform: none; - --spectrum-actionbutton-s-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-texticon-text-render: yes; - --spectrum-actionbutton-s-black-texticon-text-order: 2; - --spectrum-actionbutton-s-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-black-texticon-position: relative; - --spectrum-actionbutton-s-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-texticon-text-transform: none; - --spectrum-actionbutton-s-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-texticon-text-render: yes; - --spectrum-actionbutton-s-white-texticon-text-order: 2; - --spectrum-actionbutton-s-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-white-texticon-position: relative; - --spectrum-actionbutton-s-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-textonly-position: relative; - --spectrum-actionbutton-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-textonly-position: relative; - --spectrum-actionbutton-s-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-textonly-position: relative; - --spectrum-actionbutton-s-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-textonly-text-transform: none; - --spectrum-actionbutton-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-textonly-text-render: yes; - --spectrum-actionbutton-s-textonly-text-order: 2; - --spectrum-actionbutton-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-textonly-text-text-transform: none; - --spectrum-actionbutton-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-textonly-icon-render: no; - --spectrum-actionbutton-s-textonly-icon-order: 1; - --spectrum-actionbutton-s-textonly-icon-type: icon; - --spectrum-actionbutton-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-textonly-layout: inline-row; - --spectrum-actionbutton-s-textonly-position: relative; - --spectrum-actionbutton-s-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-textonly-text-transform: none; - --spectrum-actionbutton-s-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-textonly-text-render: yes; - --spectrum-actionbutton-s-black-textonly-text-order: 2; - --spectrum-actionbutton-s-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-textonly-icon-render: no; - --spectrum-actionbutton-s-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-black-textonly-position: relative; - --spectrum-actionbutton-s-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-textonly-text-transform: none; - --spectrum-actionbutton-s-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-textonly-text-render: yes; - --spectrum-actionbutton-s-white-textonly-text-order: 2; - --spectrum-actionbutton-s-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-textonly-icon-render: no; - --spectrum-actionbutton-s-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-white-textonly-position: relative; - --spectrum-actionbutton-s-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-icononly-position: relative; - --spectrum-actionbutton-s-quiet-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-icononly-position: relative; - --spectrum-actionbutton-s-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-icononly-position: relative; - --spectrum-actionbutton-s-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-icononly-text-transform: none; - --spectrum-actionbutton-s-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-icononly-text-render: no; - --spectrum-actionbutton-s-icononly-text-order: 2; - --spectrum-actionbutton-s-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-icononly-text-text-transform: none; - --spectrum-actionbutton-s-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-icononly-icon-render: yes; - --spectrum-actionbutton-s-icononly-icon-order: 1; - --spectrum-actionbutton-s-icononly-icon-type: icon; - --spectrum-actionbutton-s-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-icononly-layout: inline-row; - --spectrum-actionbutton-s-icononly-position: relative; - --spectrum-actionbutton-s-icononly-min-width: 0; - --spectrum-actionbutton-s-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-icononly-text-transform: none; - --spectrum-actionbutton-s-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-icononly-text-render: no; - --spectrum-actionbutton-s-black-icononly-text-order: 2; - --spectrum-actionbutton-s-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-black-icononly-position: relative; - --spectrum-actionbutton-s-black-icononly-min-width: 0; - --spectrum-actionbutton-s-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-icononly-text-transform: none; - --spectrum-actionbutton-s-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-icononly-text-render: no; - --spectrum-actionbutton-s-white-icononly-text-order: 2; - --spectrum-actionbutton-s-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-white-icononly-position: relative; - --spectrum-actionbutton-s-white-icononly-min-width: 0; - --spectrum-actionbutton-s-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-texticon-position: relative; - --spectrum-actionbutton-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-texticon-position: relative; - --spectrum-actionbutton-m-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-texticon-position: relative; - --spectrum-actionbutton-m-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-texticon-text-transform: none; - --spectrum-actionbutton-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-texticon-text-render: yes; - --spectrum-actionbutton-m-texticon-text-order: 2; - --spectrum-actionbutton-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-texticon-text-text-transform: none; - --spectrum-actionbutton-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-texticon-icon-render: yes; - --spectrum-actionbutton-m-texticon-icon-order: 1; - --spectrum-actionbutton-m-texticon-icon-type: icon; - --spectrum-actionbutton-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-texticon-layout: inline-row; - --spectrum-actionbutton-m-texticon-position: relative; - --spectrum-actionbutton-m-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-texticon-text-transform: none; - --spectrum-actionbutton-m-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-texticon-text-render: yes; - --spectrum-actionbutton-m-black-texticon-text-order: 2; - --spectrum-actionbutton-m-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-black-texticon-position: relative; - --spectrum-actionbutton-m-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-texticon-text-transform: none; - --spectrum-actionbutton-m-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-texticon-text-render: yes; - --spectrum-actionbutton-m-white-texticon-text-order: 2; - --spectrum-actionbutton-m-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-white-texticon-position: relative; - --spectrum-actionbutton-m-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-textonly-position: relative; - --spectrum-actionbutton-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-textonly-position: relative; - --spectrum-actionbutton-m-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-textonly-position: relative; - --spectrum-actionbutton-m-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-textonly-text-transform: none; - --spectrum-actionbutton-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-textonly-text-render: yes; - --spectrum-actionbutton-m-textonly-text-order: 2; - --spectrum-actionbutton-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-textonly-text-text-transform: none; - --spectrum-actionbutton-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-textonly-icon-render: no; - --spectrum-actionbutton-m-textonly-icon-order: 1; - --spectrum-actionbutton-m-textonly-icon-type: icon; - --spectrum-actionbutton-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-textonly-layout: inline-row; - --spectrum-actionbutton-m-textonly-position: relative; - --spectrum-actionbutton-m-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-textonly-text-transform: none; - --spectrum-actionbutton-m-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-textonly-text-render: yes; - --spectrum-actionbutton-m-black-textonly-text-order: 2; - --spectrum-actionbutton-m-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-textonly-icon-render: no; - --spectrum-actionbutton-m-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-black-textonly-position: relative; - --spectrum-actionbutton-m-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-textonly-text-transform: none; - --spectrum-actionbutton-m-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-textonly-text-render: yes; - --spectrum-actionbutton-m-white-textonly-text-order: 2; - --spectrum-actionbutton-m-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-textonly-icon-render: no; - --spectrum-actionbutton-m-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-white-textonly-position: relative; - --spectrum-actionbutton-m-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-icononly-position: relative; - --spectrum-actionbutton-m-quiet-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-icononly-position: relative; - --spectrum-actionbutton-m-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-icononly-position: relative; - --spectrum-actionbutton-m-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-icononly-text-transform: none; - --spectrum-actionbutton-m-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-icononly-text-render: no; - --spectrum-actionbutton-m-icononly-text-order: 2; - --spectrum-actionbutton-m-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-icononly-text-text-transform: none; - --spectrum-actionbutton-m-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-icononly-icon-render: yes; - --spectrum-actionbutton-m-icononly-icon-order: 1; - --spectrum-actionbutton-m-icononly-icon-type: icon; - --spectrum-actionbutton-m-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-icononly-layout: inline-row; - --spectrum-actionbutton-m-icononly-position: relative; - --spectrum-actionbutton-m-icononly-min-width: 0; - --spectrum-actionbutton-m-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-icononly-text-transform: none; - --spectrum-actionbutton-m-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-icononly-text-render: no; - --spectrum-actionbutton-m-black-icononly-text-order: 2; - --spectrum-actionbutton-m-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-black-icononly-position: relative; - --spectrum-actionbutton-m-black-icononly-min-width: 0; - --spectrum-actionbutton-m-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-icononly-text-transform: none; - --spectrum-actionbutton-m-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-icononly-text-render: no; - --spectrum-actionbutton-m-white-icononly-text-order: 2; - --spectrum-actionbutton-m-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-white-icononly-position: relative; - --spectrum-actionbutton-m-white-icononly-min-width: 0; - --spectrum-actionbutton-m-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-texticon-position: relative; - --spectrum-actionbutton-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-texticon-position: relative; - --spectrum-actionbutton-l-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-texticon-position: relative; - --spectrum-actionbutton-l-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-texticon-text-transform: none; - --spectrum-actionbutton-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-texticon-text-render: yes; - --spectrum-actionbutton-l-texticon-text-order: 2; - --spectrum-actionbutton-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-texticon-text-text-transform: none; - --spectrum-actionbutton-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-texticon-icon-render: yes; - --spectrum-actionbutton-l-texticon-icon-order: 1; - --spectrum-actionbutton-l-texticon-icon-type: icon; - --spectrum-actionbutton-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-texticon-layout: inline-row; - --spectrum-actionbutton-l-texticon-position: relative; - --spectrum-actionbutton-l-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-texticon-text-transform: none; - --spectrum-actionbutton-l-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-texticon-text-render: yes; - --spectrum-actionbutton-l-black-texticon-text-order: 2; - --spectrum-actionbutton-l-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-black-texticon-position: relative; - --spectrum-actionbutton-l-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-texticon-text-transform: none; - --spectrum-actionbutton-l-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-texticon-text-render: yes; - --spectrum-actionbutton-l-white-texticon-text-order: 2; - --spectrum-actionbutton-l-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-white-texticon-position: relative; - --spectrum-actionbutton-l-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-textonly-position: relative; - --spectrum-actionbutton-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-textonly-position: relative; - --spectrum-actionbutton-l-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-textonly-position: relative; - --spectrum-actionbutton-l-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-textonly-text-transform: none; - --spectrum-actionbutton-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-textonly-text-render: yes; - --spectrum-actionbutton-l-textonly-text-order: 2; - --spectrum-actionbutton-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-textonly-text-text-transform: none; - --spectrum-actionbutton-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-textonly-icon-render: no; - --spectrum-actionbutton-l-textonly-icon-order: 1; - --spectrum-actionbutton-l-textonly-icon-type: icon; - --spectrum-actionbutton-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-textonly-layout: inline-row; - --spectrum-actionbutton-l-textonly-position: relative; - --spectrum-actionbutton-l-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-textonly-text-transform: none; - --spectrum-actionbutton-l-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-textonly-text-render: yes; - --spectrum-actionbutton-l-black-textonly-text-order: 2; - --spectrum-actionbutton-l-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-textonly-icon-render: no; - --spectrum-actionbutton-l-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-black-textonly-position: relative; - --spectrum-actionbutton-l-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-textonly-text-transform: none; - --spectrum-actionbutton-l-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-textonly-text-render: yes; - --spectrum-actionbutton-l-white-textonly-text-order: 2; - --spectrum-actionbutton-l-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-textonly-icon-render: no; - --spectrum-actionbutton-l-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-white-textonly-position: relative; - --spectrum-actionbutton-l-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-icononly-position: relative; - --spectrum-actionbutton-l-quiet-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-icononly-position: relative; - --spectrum-actionbutton-l-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-icononly-position: relative; - --spectrum-actionbutton-l-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-icononly-text-transform: none; - --spectrum-actionbutton-l-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-icononly-text-render: no; - --spectrum-actionbutton-l-icononly-text-order: 2; - --spectrum-actionbutton-l-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-icononly-text-text-transform: none; - --spectrum-actionbutton-l-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-icononly-icon-render: yes; - --spectrum-actionbutton-l-icononly-icon-order: 1; - --spectrum-actionbutton-l-icononly-icon-type: icon; - --spectrum-actionbutton-l-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-icononly-layout: inline-row; - --spectrum-actionbutton-l-icononly-position: relative; - --spectrum-actionbutton-l-icononly-min-width: 0; - --spectrum-actionbutton-l-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-icononly-text-transform: none; - --spectrum-actionbutton-l-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-icononly-text-render: no; - --spectrum-actionbutton-l-black-icononly-text-order: 2; - --spectrum-actionbutton-l-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-black-icononly-position: relative; - --spectrum-actionbutton-l-black-icononly-min-width: 0; - --spectrum-actionbutton-l-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-icononly-text-transform: none; - --spectrum-actionbutton-l-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-icononly-text-render: no; - --spectrum-actionbutton-l-white-icononly-text-order: 2; - --spectrum-actionbutton-l-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-white-icononly-position: relative; - --spectrum-actionbutton-l-white-icononly-min-width: 0; - --spectrum-actionbutton-l-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-texticon-text-transform: none; - --spectrum-actionbutton-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-texticon-text-render: yes; - --spectrum-actionbutton-xl-texticon-text-order: 2; - --spectrum-actionbutton-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-texticon-icon-render: yes; - --spectrum-actionbutton-xl-texticon-icon-order: 1; - --spectrum-actionbutton-xl-texticon-icon-type: icon; - --spectrum-actionbutton-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-texticon-layout: inline-row; - --spectrum-actionbutton-xl-texticon-position: relative; - --spectrum-actionbutton-xl-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-black-texticon-position: relative; - --spectrum-actionbutton-xl-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-white-texticon-position: relative; - --spectrum-actionbutton-xl-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-textonly-text-transform: none; - --spectrum-actionbutton-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-textonly-text-render: yes; - --spectrum-actionbutton-xl-textonly-text-order: 2; - --spectrum-actionbutton-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-textonly-icon-render: no; - --spectrum-actionbutton-xl-textonly-icon-order: 1; - --spectrum-actionbutton-xl-textonly-icon-type: icon; - --spectrum-actionbutton-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-textonly-layout: inline-row; - --spectrum-actionbutton-xl-textonly-position: relative; - --spectrum-actionbutton-xl-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-black-textonly-position: relative; - --spectrum-actionbutton-xl-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-white-textonly-position: relative; - --spectrum-actionbutton-xl-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-icononly-text-transform: none; - --spectrum-actionbutton-xl-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-icononly-text-render: no; - --spectrum-actionbutton-xl-icononly-text-order: 2; - --spectrum-actionbutton-xl-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-icononly-icon-render: yes; - --spectrum-actionbutton-xl-icononly-icon-order: 1; - --spectrum-actionbutton-xl-icononly-icon-type: icon; - --spectrum-actionbutton-xl-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-icononly-layout: inline-row; - --spectrum-actionbutton-xl-icononly-position: relative; - --spectrum-actionbutton-xl-icononly-min-width: 0; - --spectrum-actionbutton-xl-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-icononly-text-render: no; - --spectrum-actionbutton-xl-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-black-icononly-position: relative; - --spectrum-actionbutton-xl-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-icononly-text-render: no; - --spectrum-actionbutton-xl-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-white-icononly-position: relative; - --spectrum-actionbutton-xl-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/expressvars/css/components/spectrum-actiongroup.css b/components/expressvars/css/components/spectrum-actiongroup.css deleted file mode 100644 index d8bbdf8996c..00000000000 --- a/components/expressvars/css/components/spectrum-actiongroup.css +++ /dev/null @@ -1,14 +0,0 @@ -:root { - --spectrum-actiongroup-quiet-compact-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-compact-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-compact-button-gap: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-quiet-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-quiet-button-gap: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-compact-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-compact-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-compact-button-gap: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-button-gap-x: var(--spectrum-alias-actiongroup-button-gap); - --spectrum-actiongroup-button-gap-y: var(--spectrum-alias-actiongroup-button-gap); - --spectrum-actiongroup-button-gap: var(--spectrum-alias-actiongroup-button-gap); -} diff --git a/components/expressvars/css/components/spectrum-alertbanner.css b/components/expressvars/css/components/spectrum-alertbanner.css deleted file mode 100644 index decac2eb8d4..00000000000 --- a/components/expressvars/css/components/spectrum-alertbanner.css +++ /dev/null @@ -1,128 +0,0 @@ -:root { - --spectrum-alertbanner-neutral-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-neutral-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-alertbanner-neutral-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-neutral-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-icon-type: icon; - --spectrum-alertbanner-neutral-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-neutral-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-neutral-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-neutral-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-neutral-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-neutral-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-neutral-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-neutral-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-neutral-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-neutral-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-neutral-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-neutral-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-neutral-content-text-transform: none; - --spectrum-alertbanner-neutral-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-neutral-text-transform: none; - --spectrum-alertbanner-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-neutral-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-neutral-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-neutral-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-neutral-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-neutral-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-neutral-layout: inline-row; - --spectrum-alertbanner-neutral-dismiss-duration: 5000ms; - --spectrum-alertbanner-info-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-info-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-alertbanner-info-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-info-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-icon-type: icon; - --spectrum-alertbanner-info-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-info-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-info-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-info-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-info-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-info-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-info-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-info-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-info-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-info-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-info-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-info-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-info-content-text-transform: none; - --spectrum-alertbanner-info-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-info-text-transform: none; - --spectrum-alertbanner-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-info-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-info-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-info-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-info-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-info-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-info-layout: inline-row; - --spectrum-alertbanner-info-dismiss-duration: 5000ms; - --spectrum-alertbanner-negative-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-negative-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-alertbanner-negative-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-negative-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-icon-type: icon; - --spectrum-alertbanner-negative-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-negative-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-negative-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-negative-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-negative-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-negative-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-negative-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-negative-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-negative-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-negative-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-negative-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-negative-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-negative-content-text-transform: none; - --spectrum-alertbanner-negative-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-negative-text-transform: none; - --spectrum-alertbanner-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-negative-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-negative-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-negative-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-negative-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-negative-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-negative-layout: inline-row; - --spectrum-alertbanner-negative-dismiss-duration: 5000ms; -} diff --git a/components/expressvars/css/components/spectrum-artboard.css b/components/expressvars/css/components/spectrum-artboard.css deleted file mode 100644 index 17346547f74..00000000000 --- a/components/expressvars/css/components/spectrum-artboard.css +++ /dev/null @@ -1,23 +0,0 @@ -:root { - --spectrum-artboard-border-color-selected-active: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-down: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-hover: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-active: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-down: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-hover: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-hover: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-down: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-asset.css b/components/expressvars/css/components/spectrum-asset.css deleted file mode 100644 index bb7241ec5ca..00000000000 --- a/components/expressvars/css/components/spectrum-asset.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --spectrum-asset-icon-outline-color: var(--spectrum-global-color-gray-500); - --spectrum-asset-icon-color: var(--spectrum-global-color-gray-500); - --spectrum-asset-folder-background-color: var(--spectrum-global-color-gray-300); - --spectrum-asset-file-background-color: var(--spectrum-global-color-gray-50); - --spectrum-asset-icon-max-width: var(--spectrum-global-dimension-static-size-1000); - --spectrum-asset-icon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-asset-icon-margin: var(--spectrum-global-dimension-size-250); -} diff --git a/components/expressvars/css/components/spectrum-assetlist.css b/components/expressvars/css/components/spectrum-assetlist.css deleted file mode 100644 index 5a4260fca2a..00000000000 --- a/components/expressvars/css/components/spectrum-assetlist.css +++ /dev/null @@ -1,2 +0,0 @@ -:root { -} diff --git a/components/expressvars/css/components/spectrum-avatar.css b/components/expressvars/css/components/spectrum-avatar.css deleted file mode 100644 index 020f1df0306..00000000000 --- a/components/expressvars/css/components/spectrum-avatar.css +++ /dev/null @@ -1,398 +0,0 @@ -:root { - --spectrum-avatar-size-50-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-disabled: no; - --spectrum-avatar-size-50-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-50-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-50-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render: no; - --spectrum-avatar-size-50-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-50-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-down: no; - --spectrum-avatar-size-50-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-50-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-hover: no; - --spectrum-avatar-size-50-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-50-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-50-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-50-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-50-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-50-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-50-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-50-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-50-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-50-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-50-focus-ring-type: focusring; - --spectrum-avatar-size-50-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-50-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-50-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-50-width: var(--spectrum-alias-avatar-size-50); - --spectrum-avatar-size-50-height: var(--spectrum-alias-avatar-size-50); - --spectrum-avatar-size-75-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-disabled: no; - --spectrum-avatar-size-75-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-75-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-75-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render: no; - --spectrum-avatar-size-75-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-75-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-down: no; - --spectrum-avatar-size-75-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-75-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-hover: no; - --spectrum-avatar-size-75-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-75-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-75-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-75-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-75-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-75-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-75-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-75-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-75-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-75-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-75-focus-ring-type: focusring; - --spectrum-avatar-size-75-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-75-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-75-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-75-width: var(--spectrum-alias-avatar-size-75); - --spectrum-avatar-size-75-height: var(--spectrum-alias-avatar-size-75); - --spectrum-avatar-size-100-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-disabled: no; - --spectrum-avatar-size-100-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-100-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-100-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render: no; - --spectrum-avatar-size-100-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-100-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-down: no; - --spectrum-avatar-size-100-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-100-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-hover: no; - --spectrum-avatar-size-100-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-100-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-100-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-100-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-100-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-100-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-100-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-100-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-100-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-100-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-100-focus-ring-type: focusring; - --spectrum-avatar-size-100-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-100-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-100-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-100-width: var(--spectrum-alias-avatar-size-100); - --spectrum-avatar-size-100-height: var(--spectrum-alias-avatar-size-100); - --spectrum-avatar-size-200-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-disabled: no; - --spectrum-avatar-size-200-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-200-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-200-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render: no; - --spectrum-avatar-size-200-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-200-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-down: no; - --spectrum-avatar-size-200-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-200-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-hover: no; - --spectrum-avatar-size-200-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-200-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-200-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-200-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-200-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-200-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-200-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-200-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-200-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-200-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-200-focus-ring-type: focusring; - --spectrum-avatar-size-200-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-200-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-200-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-200-width: var(--spectrum-alias-avatar-size-200); - --spectrum-avatar-size-200-height: var(--spectrum-alias-avatar-size-200); - --spectrum-avatar-size-300-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-disabled: no; - --spectrum-avatar-size-300-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-300-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-300-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render: no; - --spectrum-avatar-size-300-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-300-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-down: no; - --spectrum-avatar-size-300-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-300-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-hover: no; - --spectrum-avatar-size-300-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-300-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-300-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-300-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-300-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-300-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-300-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-300-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-300-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-300-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-300-focus-ring-type: focusring; - --spectrum-avatar-size-300-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-300-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-300-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-300-width: var(--spectrum-alias-avatar-size-300); - --spectrum-avatar-size-300-height: var(--spectrum-alias-avatar-size-300); - --spectrum-avatar-size-400-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-disabled: no; - --spectrum-avatar-size-400-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-400-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-400-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render: no; - --spectrum-avatar-size-400-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-400-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-down: no; - --spectrum-avatar-size-400-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-400-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-hover: no; - --spectrum-avatar-size-400-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-400-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-400-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-400-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-400-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-400-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-400-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-400-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-400-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-400-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-400-focus-ring-type: focusring; - --spectrum-avatar-size-400-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-400-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-400-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-400-width: var(--spectrum-alias-avatar-size-400); - --spectrum-avatar-size-400-height: var(--spectrum-alias-avatar-size-400); - --spectrum-avatar-size-500-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-disabled: no; - --spectrum-avatar-size-500-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-500-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-500-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render: no; - --spectrum-avatar-size-500-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-500-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-down: no; - --spectrum-avatar-size-500-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-500-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-hover: no; - --spectrum-avatar-size-500-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-500-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-500-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-500-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-500-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-500-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-500-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-500-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-500-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-500-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-500-focus-ring-type: focusring; - --spectrum-avatar-size-500-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-500-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-500-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-500-width: var(--spectrum-alias-avatar-size-500); - --spectrum-avatar-size-500-height: var(--spectrum-alias-avatar-size-500); - --spectrum-avatar-size-600-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-disabled: no; - --spectrum-avatar-size-600-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-600-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-600-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render: no; - --spectrum-avatar-size-600-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-600-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-down: no; - --spectrum-avatar-size-600-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-600-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-hover: no; - --spectrum-avatar-size-600-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-600-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-600-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-600-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-600-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-600-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-600-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-600-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-600-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-600-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-600-focus-ring-type: focusring; - --spectrum-avatar-size-600-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-600-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-600-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-600-width: var(--spectrum-alias-avatar-size-600); - --spectrum-avatar-size-600-height: var(--spectrum-alias-avatar-size-600); - --spectrum-avatar-size-700-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-disabled: no; - --spectrum-avatar-size-700-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-700-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-700-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render: no; - --spectrum-avatar-size-700-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-700-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-down: no; - --spectrum-avatar-size-700-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-700-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-hover: no; - --spectrum-avatar-size-700-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-700-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-700-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-700-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-700-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-700-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-700-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-700-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-700-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-700-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-700-focus-ring-type: focusring; - --spectrum-avatar-size-700-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-700-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-700-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-700-width: var(--spectrum-alias-avatar-size-700); - --spectrum-avatar-size-700-height: var(--spectrum-alias-avatar-size-700); -} diff --git a/components/expressvars/css/components/spectrum-badge.css b/components/expressvars/css/components/spectrum-badge.css deleted file mode 100644 index 1fa61daebe4..00000000000 --- a/components/expressvars/css/components/spectrum-badge.css +++ /dev/null @@ -1,11782 +0,0 @@ -:root { - --spectrum-badge-s-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-texticon-border-color: transparent; - --spectrum-badge-s-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-texticon-text-transform: none; - --spectrum-badge-s-fuchsia-texticon-text-render: yes; - --spectrum-badge-s-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-s-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-texticon-icon-type: icon; - --spectrum-badge-s-fuchsia-texticon-icon-render: yes; - --spectrum-badge-s-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-layout: inline-row; - --spectrum-badge-s-fuchsia-texticon-height: auto; - --spectrum-badge-s-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-texticon-border-color: transparent; - --spectrum-badge-s-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-texticon-text-transform: none; - --spectrum-badge-s-indigo-texticon-text-render: yes; - --spectrum-badge-s-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-texticon-text-text-transform: none; - --spectrum-badge-s-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-s-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-texticon-icon-type: icon; - --spectrum-badge-s-indigo-texticon-icon-render: yes; - --spectrum-badge-s-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-layout: inline-row; - --spectrum-badge-s-indigo-texticon-height: auto; - --spectrum-badge-s-indigo-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-texticon-border-color: transparent; - --spectrum-badge-s-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-texticon-text-transform: none; - --spectrum-badge-s-informative-texticon-text-render: yes; - --spectrum-badge-s-informative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-texticon-text-text-transform: none; - --spectrum-badge-s-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-texticon-icon-margin-top: 0; - --spectrum-badge-s-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-informative-texticon-icon-type: icon; - --spectrum-badge-s-informative-texticon-icon-render: yes; - --spectrum-badge-s-informative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-layout: inline-row; - --spectrum-badge-s-informative-texticon-height: auto; - --spectrum-badge-s-informative-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-texticon-border-color: transparent; - --spectrum-badge-s-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-texticon-text-transform: none; - --spectrum-badge-s-magenta-texticon-text-render: yes; - --spectrum-badge-s-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-texticon-text-text-transform: none; - --spectrum-badge-s-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-s-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-texticon-icon-type: icon; - --spectrum-badge-s-magenta-texticon-icon-render: yes; - --spectrum-badge-s-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-layout: inline-row; - --spectrum-badge-s-magenta-texticon-height: auto; - --spectrum-badge-s-magenta-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-texticon-border-color: transparent; - --spectrum-badge-s-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-texticon-text-transform: none; - --spectrum-badge-s-negative-texticon-text-render: yes; - --spectrum-badge-s-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-texticon-text-text-transform: none; - --spectrum-badge-s-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-texticon-icon-margin-top: 0; - --spectrum-badge-s-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-negative-texticon-icon-type: icon; - --spectrum-badge-s-negative-texticon-icon-render: yes; - --spectrum-badge-s-negative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-layout: inline-row; - --spectrum-badge-s-negative-texticon-height: auto; - --spectrum-badge-s-negative-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-texticon-border-color: transparent; - --spectrum-badge-s-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-texticon-text-transform: none; - --spectrum-badge-s-neutral-texticon-text-render: yes; - --spectrum-badge-s-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-texticon-text-text-transform: none; - --spectrum-badge-s-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-s-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-texticon-icon-type: icon; - --spectrum-badge-s-neutral-texticon-icon-render: yes; - --spectrum-badge-s-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-layout: inline-row; - --spectrum-badge-s-neutral-texticon-height: auto; - --spectrum-badge-s-neutral-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-texticon-border-color: transparent; - --spectrum-badge-s-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-texticon-text-transform: none; - --spectrum-badge-s-positive-texticon-text-render: yes; - --spectrum-badge-s-positive-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-texticon-text-text-transform: none; - --spectrum-badge-s-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-texticon-icon-margin-top: 0; - --spectrum-badge-s-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-positive-texticon-icon-type: icon; - --spectrum-badge-s-positive-texticon-icon-render: yes; - --spectrum-badge-s-positive-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-layout: inline-row; - --spectrum-badge-s-positive-texticon-height: auto; - --spectrum-badge-s-positive-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-texticon-border-color: transparent; - --spectrum-badge-s-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-texticon-text-transform: none; - --spectrum-badge-s-purple-texticon-text-render: yes; - --spectrum-badge-s-purple-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-texticon-text-text-transform: none; - --spectrum-badge-s-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-texticon-icon-margin-top: 0; - --spectrum-badge-s-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-purple-texticon-icon-type: icon; - --spectrum-badge-s-purple-texticon-icon-render: yes; - --spectrum-badge-s-purple-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-layout: inline-row; - --spectrum-badge-s-purple-texticon-height: auto; - --spectrum-badge-s-purple-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-texticon-border-color: transparent; - --spectrum-badge-s-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-texticon-text-transform: none; - --spectrum-badge-s-seafoam-texticon-text-render: yes; - --spectrum-badge-s-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-texticon-text-text-transform: none; - --spectrum-badge-s-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-s-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-texticon-icon-type: icon; - --spectrum-badge-s-seafoam-texticon-icon-render: yes; - --spectrum-badge-s-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-layout: inline-row; - --spectrum-badge-s-seafoam-texticon-height: auto; - --spectrum-badge-s-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-texticon-border-color: transparent; - --spectrum-badge-s-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-texticon-text-transform: none; - --spectrum-badge-s-yellow-texticon-text-render: yes; - --spectrum-badge-s-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-texticon-text-text-transform: none; - --spectrum-badge-s-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-s-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-texticon-icon-type: icon; - --spectrum-badge-s-yellow-texticon-icon-render: yes; - --spectrum-badge-s-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-layout: inline-row; - --spectrum-badge-s-yellow-texticon-height: auto; - --spectrum-badge-s-yellow-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-textonly-border-color: transparent; - --spectrum-badge-s-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-textonly-text-transform: none; - --spectrum-badge-s-fuchsia-textonly-text-render: yes; - --spectrum-badge-s-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-s-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-textonly-icon-type: icon; - --spectrum-badge-s-fuchsia-textonly-icon-render: no; - --spectrum-badge-s-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-layout: inline-row; - --spectrum-badge-s-fuchsia-textonly-height: auto; - --spectrum-badge-s-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-textonly-border-color: transparent; - --spectrum-badge-s-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-textonly-text-transform: none; - --spectrum-badge-s-indigo-textonly-text-render: yes; - --spectrum-badge-s-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-textonly-text-text-transform: none; - --spectrum-badge-s-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-s-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-textonly-icon-type: icon; - --spectrum-badge-s-indigo-textonly-icon-render: no; - --spectrum-badge-s-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-layout: inline-row; - --spectrum-badge-s-indigo-textonly-height: auto; - --spectrum-badge-s-indigo-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-textonly-border-color: transparent; - --spectrum-badge-s-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-textonly-text-transform: none; - --spectrum-badge-s-informative-textonly-text-render: yes; - --spectrum-badge-s-informative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-textonly-text-text-transform: none; - --spectrum-badge-s-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-textonly-icon-margin-top: 0; - --spectrum-badge-s-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-informative-textonly-icon-type: icon; - --spectrum-badge-s-informative-textonly-icon-render: no; - --spectrum-badge-s-informative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-layout: inline-row; - --spectrum-badge-s-informative-textonly-height: auto; - --spectrum-badge-s-informative-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-textonly-border-color: transparent; - --spectrum-badge-s-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-textonly-text-transform: none; - --spectrum-badge-s-magenta-textonly-text-render: yes; - --spectrum-badge-s-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-textonly-text-text-transform: none; - --spectrum-badge-s-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-s-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-textonly-icon-type: icon; - --spectrum-badge-s-magenta-textonly-icon-render: no; - --spectrum-badge-s-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-layout: inline-row; - --spectrum-badge-s-magenta-textonly-height: auto; - --spectrum-badge-s-magenta-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-textonly-border-color: transparent; - --spectrum-badge-s-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-textonly-text-transform: none; - --spectrum-badge-s-negative-textonly-text-render: yes; - --spectrum-badge-s-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-textonly-text-text-transform: none; - --spectrum-badge-s-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-textonly-icon-margin-top: 0; - --spectrum-badge-s-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-negative-textonly-icon-type: icon; - --spectrum-badge-s-negative-textonly-icon-render: no; - --spectrum-badge-s-negative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-layout: inline-row; - --spectrum-badge-s-negative-textonly-height: auto; - --spectrum-badge-s-negative-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-textonly-border-color: transparent; - --spectrum-badge-s-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-textonly-text-transform: none; - --spectrum-badge-s-neutral-textonly-text-render: yes; - --spectrum-badge-s-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-textonly-text-text-transform: none; - --spectrum-badge-s-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-s-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-textonly-icon-type: icon; - --spectrum-badge-s-neutral-textonly-icon-render: no; - --spectrum-badge-s-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-layout: inline-row; - --spectrum-badge-s-neutral-textonly-height: auto; - --spectrum-badge-s-neutral-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-textonly-border-color: transparent; - --spectrum-badge-s-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-textonly-text-transform: none; - --spectrum-badge-s-positive-textonly-text-render: yes; - --spectrum-badge-s-positive-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-textonly-text-text-transform: none; - --spectrum-badge-s-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-textonly-icon-margin-top: 0; - --spectrum-badge-s-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-positive-textonly-icon-type: icon; - --spectrum-badge-s-positive-textonly-icon-render: no; - --spectrum-badge-s-positive-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-layout: inline-row; - --spectrum-badge-s-positive-textonly-height: auto; - --spectrum-badge-s-positive-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-textonly-border-color: transparent; - --spectrum-badge-s-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-textonly-text-transform: none; - --spectrum-badge-s-purple-textonly-text-render: yes; - --spectrum-badge-s-purple-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-textonly-text-text-transform: none; - --spectrum-badge-s-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-textonly-icon-margin-top: 0; - --spectrum-badge-s-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-purple-textonly-icon-type: icon; - --spectrum-badge-s-purple-textonly-icon-render: no; - --spectrum-badge-s-purple-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-layout: inline-row; - --spectrum-badge-s-purple-textonly-height: auto; - --spectrum-badge-s-purple-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-textonly-border-color: transparent; - --spectrum-badge-s-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-textonly-text-transform: none; - --spectrum-badge-s-seafoam-textonly-text-render: yes; - --spectrum-badge-s-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-textonly-text-text-transform: none; - --spectrum-badge-s-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-s-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-textonly-icon-type: icon; - --spectrum-badge-s-seafoam-textonly-icon-render: no; - --spectrum-badge-s-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-layout: inline-row; - --spectrum-badge-s-seafoam-textonly-height: auto; - --spectrum-badge-s-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-textonly-border-color: transparent; - --spectrum-badge-s-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-textonly-text-transform: none; - --spectrum-badge-s-yellow-textonly-text-render: yes; - --spectrum-badge-s-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-textonly-text-text-transform: none; - --spectrum-badge-s-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-s-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-textonly-icon-type: icon; - --spectrum-badge-s-yellow-textonly-icon-render: no; - --spectrum-badge-s-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-layout: inline-row; - --spectrum-badge-s-yellow-textonly-height: auto; - --spectrum-badge-s-yellow-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-icononly-border-color: transparent; - --spectrum-badge-s-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-icononly-text-transform: none; - --spectrum-badge-s-fuchsia-icononly-text-render: no; - --spectrum-badge-s-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-s-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-icononly-icon-type: icon; - --spectrum-badge-s-fuchsia-icononly-icon-render: yes; - --spectrum-badge-s-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-layout: inline-row; - --spectrum-badge-s-fuchsia-icononly-height: auto; - --spectrum-badge-s-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-icononly-border-color: transparent; - --spectrum-badge-s-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-icononly-text-transform: none; - --spectrum-badge-s-indigo-icononly-text-render: no; - --spectrum-badge-s-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-icononly-text-text-transform: none; - --spectrum-badge-s-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-s-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-icononly-icon-type: icon; - --spectrum-badge-s-indigo-icononly-icon-render: yes; - --spectrum-badge-s-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-layout: inline-row; - --spectrum-badge-s-indigo-icononly-height: auto; - --spectrum-badge-s-indigo-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-icononly-border-color: transparent; - --spectrum-badge-s-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-icononly-text-transform: none; - --spectrum-badge-s-informative-icononly-text-render: no; - --spectrum-badge-s-informative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-icononly-text-text-transform: none; - --spectrum-badge-s-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-icon-margin-top: 0; - --spectrum-badge-s-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-informative-icononly-icon-type: icon; - --spectrum-badge-s-informative-icononly-icon-render: yes; - --spectrum-badge-s-informative-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-layout: inline-row; - --spectrum-badge-s-informative-icononly-height: auto; - --spectrum-badge-s-informative-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-icononly-border-color: transparent; - --spectrum-badge-s-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-icononly-text-transform: none; - --spectrum-badge-s-magenta-icononly-text-render: no; - --spectrum-badge-s-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-icononly-text-text-transform: none; - --spectrum-badge-s-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-s-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-icononly-icon-type: icon; - --spectrum-badge-s-magenta-icononly-icon-render: yes; - --spectrum-badge-s-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-layout: inline-row; - --spectrum-badge-s-magenta-icononly-height: auto; - --spectrum-badge-s-magenta-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-icononly-border-color: transparent; - --spectrum-badge-s-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-icononly-text-transform: none; - --spectrum-badge-s-negative-icononly-text-render: no; - --spectrum-badge-s-negative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-icononly-text-text-transform: none; - --spectrum-badge-s-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-icon-margin-top: 0; - --spectrum-badge-s-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-negative-icononly-icon-type: icon; - --spectrum-badge-s-negative-icononly-icon-render: yes; - --spectrum-badge-s-negative-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-layout: inline-row; - --spectrum-badge-s-negative-icononly-height: auto; - --spectrum-badge-s-negative-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-icononly-border-color: transparent; - --spectrum-badge-s-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-icononly-text-transform: none; - --spectrum-badge-s-neutral-icononly-text-render: no; - --spectrum-badge-s-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-icononly-text-text-transform: none; - --spectrum-badge-s-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-s-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-icononly-icon-type: icon; - --spectrum-badge-s-neutral-icononly-icon-render: yes; - --spectrum-badge-s-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-layout: inline-row; - --spectrum-badge-s-neutral-icononly-height: auto; - --spectrum-badge-s-neutral-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-icononly-border-color: transparent; - --spectrum-badge-s-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-icononly-text-transform: none; - --spectrum-badge-s-positive-icononly-text-render: no; - --spectrum-badge-s-positive-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-icononly-text-text-transform: none; - --spectrum-badge-s-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-icon-margin-top: 0; - --spectrum-badge-s-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-positive-icononly-icon-type: icon; - --spectrum-badge-s-positive-icononly-icon-render: yes; - --spectrum-badge-s-positive-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-layout: inline-row; - --spectrum-badge-s-positive-icononly-height: auto; - --spectrum-badge-s-positive-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-icononly-border-color: transparent; - --spectrum-badge-s-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-icononly-text-transform: none; - --spectrum-badge-s-purple-icononly-text-render: no; - --spectrum-badge-s-purple-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-icononly-text-text-transform: none; - --spectrum-badge-s-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-icon-margin-top: 0; - --spectrum-badge-s-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-purple-icononly-icon-type: icon; - --spectrum-badge-s-purple-icononly-icon-render: yes; - --spectrum-badge-s-purple-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-layout: inline-row; - --spectrum-badge-s-purple-icononly-height: auto; - --spectrum-badge-s-purple-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-icononly-border-color: transparent; - --spectrum-badge-s-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-icononly-text-transform: none; - --spectrum-badge-s-seafoam-icononly-text-render: no; - --spectrum-badge-s-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-icononly-text-text-transform: none; - --spectrum-badge-s-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-s-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-icononly-icon-type: icon; - --spectrum-badge-s-seafoam-icononly-icon-render: yes; - --spectrum-badge-s-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-layout: inline-row; - --spectrum-badge-s-seafoam-icononly-height: auto; - --spectrum-badge-s-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-icononly-border-color: transparent; - --spectrum-badge-s-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-icononly-text-transform: none; - --spectrum-badge-s-yellow-icononly-text-render: no; - --spectrum-badge-s-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-icononly-text-text-transform: none; - --spectrum-badge-s-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-s-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-icononly-icon-type: icon; - --spectrum-badge-s-yellow-icononly-icon-render: yes; - --spectrum-badge-s-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-layout: inline-row; - --spectrum-badge-s-yellow-icononly-height: auto; - --spectrum-badge-s-yellow-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-m-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-texticon-border-color: transparent; - --spectrum-badge-m-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-texticon-text-transform: none; - --spectrum-badge-m-fuchsia-texticon-text-render: yes; - --spectrum-badge-m-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-m-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-texticon-icon-type: icon; - --spectrum-badge-m-fuchsia-texticon-icon-render: yes; - --spectrum-badge-m-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-layout: inline-row; - --spectrum-badge-m-fuchsia-texticon-height: auto; - --spectrum-badge-m-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-texticon-border-color: transparent; - --spectrum-badge-m-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-texticon-text-transform: none; - --spectrum-badge-m-indigo-texticon-text-render: yes; - --spectrum-badge-m-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-texticon-text-text-transform: none; - --spectrum-badge-m-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-m-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-texticon-icon-type: icon; - --spectrum-badge-m-indigo-texticon-icon-render: yes; - --spectrum-badge-m-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-layout: inline-row; - --spectrum-badge-m-indigo-texticon-height: auto; - --spectrum-badge-m-indigo-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-texticon-border-color: transparent; - --spectrum-badge-m-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-texticon-text-transform: none; - --spectrum-badge-m-informative-texticon-text-render: yes; - --spectrum-badge-m-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-texticon-text-text-transform: none; - --spectrum-badge-m-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-texticon-icon-margin-top: 0; - --spectrum-badge-m-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-informative-texticon-icon-type: icon; - --spectrum-badge-m-informative-texticon-icon-render: yes; - --spectrum-badge-m-informative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-layout: inline-row; - --spectrum-badge-m-informative-texticon-height: auto; - --spectrum-badge-m-informative-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-texticon-border-color: transparent; - --spectrum-badge-m-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-texticon-text-transform: none; - --spectrum-badge-m-magenta-texticon-text-render: yes; - --spectrum-badge-m-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-texticon-text-text-transform: none; - --spectrum-badge-m-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-m-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-texticon-icon-type: icon; - --spectrum-badge-m-magenta-texticon-icon-render: yes; - --spectrum-badge-m-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-layout: inline-row; - --spectrum-badge-m-magenta-texticon-height: auto; - --spectrum-badge-m-magenta-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-texticon-border-color: transparent; - --spectrum-badge-m-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-texticon-text-transform: none; - --spectrum-badge-m-negative-texticon-text-render: yes; - --spectrum-badge-m-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-texticon-text-text-transform: none; - --spectrum-badge-m-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-texticon-icon-margin-top: 0; - --spectrum-badge-m-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-negative-texticon-icon-type: icon; - --spectrum-badge-m-negative-texticon-icon-render: yes; - --spectrum-badge-m-negative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-layout: inline-row; - --spectrum-badge-m-negative-texticon-height: auto; - --spectrum-badge-m-negative-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-texticon-border-color: transparent; - --spectrum-badge-m-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-texticon-text-transform: none; - --spectrum-badge-m-neutral-texticon-text-render: yes; - --spectrum-badge-m-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-texticon-text-text-transform: none; - --spectrum-badge-m-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-m-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-texticon-icon-type: icon; - --spectrum-badge-m-neutral-texticon-icon-render: yes; - --spectrum-badge-m-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-layout: inline-row; - --spectrum-badge-m-neutral-texticon-height: auto; - --spectrum-badge-m-neutral-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-texticon-border-color: transparent; - --spectrum-badge-m-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-texticon-text-transform: none; - --spectrum-badge-m-positive-texticon-text-render: yes; - --spectrum-badge-m-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-texticon-text-text-transform: none; - --spectrum-badge-m-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-texticon-icon-margin-top: 0; - --spectrum-badge-m-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-positive-texticon-icon-type: icon; - --spectrum-badge-m-positive-texticon-icon-render: yes; - --spectrum-badge-m-positive-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-layout: inline-row; - --spectrum-badge-m-positive-texticon-height: auto; - --spectrum-badge-m-positive-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-texticon-border-color: transparent; - --spectrum-badge-m-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-texticon-text-transform: none; - --spectrum-badge-m-purple-texticon-text-render: yes; - --spectrum-badge-m-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-texticon-text-text-transform: none; - --spectrum-badge-m-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-texticon-icon-margin-top: 0; - --spectrum-badge-m-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-purple-texticon-icon-type: icon; - --spectrum-badge-m-purple-texticon-icon-render: yes; - --spectrum-badge-m-purple-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-layout: inline-row; - --spectrum-badge-m-purple-texticon-height: auto; - --spectrum-badge-m-purple-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-texticon-border-color: transparent; - --spectrum-badge-m-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-texticon-text-transform: none; - --spectrum-badge-m-seafoam-texticon-text-render: yes; - --spectrum-badge-m-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-texticon-text-text-transform: none; - --spectrum-badge-m-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-m-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-texticon-icon-type: icon; - --spectrum-badge-m-seafoam-texticon-icon-render: yes; - --spectrum-badge-m-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-layout: inline-row; - --spectrum-badge-m-seafoam-texticon-height: auto; - --spectrum-badge-m-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-texticon-border-color: transparent; - --spectrum-badge-m-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-texticon-text-transform: none; - --spectrum-badge-m-yellow-texticon-text-render: yes; - --spectrum-badge-m-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-texticon-text-text-transform: none; - --spectrum-badge-m-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-m-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-texticon-icon-type: icon; - --spectrum-badge-m-yellow-texticon-icon-render: yes; - --spectrum-badge-m-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-layout: inline-row; - --spectrum-badge-m-yellow-texticon-height: auto; - --spectrum-badge-m-yellow-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-textonly-border-color: transparent; - --spectrum-badge-m-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-textonly-text-transform: none; - --spectrum-badge-m-fuchsia-textonly-text-render: yes; - --spectrum-badge-m-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-m-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-textonly-icon-type: icon; - --spectrum-badge-m-fuchsia-textonly-icon-render: no; - --spectrum-badge-m-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-layout: inline-row; - --spectrum-badge-m-fuchsia-textonly-height: auto; - --spectrum-badge-m-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-textonly-border-color: transparent; - --spectrum-badge-m-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-textonly-text-transform: none; - --spectrum-badge-m-indigo-textonly-text-render: yes; - --spectrum-badge-m-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-textonly-text-text-transform: none; - --spectrum-badge-m-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-m-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-textonly-icon-type: icon; - --spectrum-badge-m-indigo-textonly-icon-render: no; - --spectrum-badge-m-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-layout: inline-row; - --spectrum-badge-m-indigo-textonly-height: auto; - --spectrum-badge-m-indigo-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-textonly-border-color: transparent; - --spectrum-badge-m-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-textonly-text-transform: none; - --spectrum-badge-m-informative-textonly-text-render: yes; - --spectrum-badge-m-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-textonly-text-text-transform: none; - --spectrum-badge-m-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-textonly-icon-margin-top: 0; - --spectrum-badge-m-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-informative-textonly-icon-type: icon; - --spectrum-badge-m-informative-textonly-icon-render: no; - --spectrum-badge-m-informative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-layout: inline-row; - --spectrum-badge-m-informative-textonly-height: auto; - --spectrum-badge-m-informative-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-textonly-border-color: transparent; - --spectrum-badge-m-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-textonly-text-transform: none; - --spectrum-badge-m-magenta-textonly-text-render: yes; - --spectrum-badge-m-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-textonly-text-text-transform: none; - --spectrum-badge-m-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-m-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-textonly-icon-type: icon; - --spectrum-badge-m-magenta-textonly-icon-render: no; - --spectrum-badge-m-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-layout: inline-row; - --spectrum-badge-m-magenta-textonly-height: auto; - --spectrum-badge-m-magenta-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-textonly-border-color: transparent; - --spectrum-badge-m-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-textonly-text-transform: none; - --spectrum-badge-m-negative-textonly-text-render: yes; - --spectrum-badge-m-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-textonly-text-text-transform: none; - --spectrum-badge-m-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-textonly-icon-margin-top: 0; - --spectrum-badge-m-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-negative-textonly-icon-type: icon; - --spectrum-badge-m-negative-textonly-icon-render: no; - --spectrum-badge-m-negative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-layout: inline-row; - --spectrum-badge-m-negative-textonly-height: auto; - --spectrum-badge-m-negative-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-textonly-border-color: transparent; - --spectrum-badge-m-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-textonly-text-transform: none; - --spectrum-badge-m-neutral-textonly-text-render: yes; - --spectrum-badge-m-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-textonly-text-text-transform: none; - --spectrum-badge-m-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-m-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-textonly-icon-type: icon; - --spectrum-badge-m-neutral-textonly-icon-render: no; - --spectrum-badge-m-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-layout: inline-row; - --spectrum-badge-m-neutral-textonly-height: auto; - --spectrum-badge-m-neutral-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-textonly-border-color: transparent; - --spectrum-badge-m-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-textonly-text-transform: none; - --spectrum-badge-m-positive-textonly-text-render: yes; - --spectrum-badge-m-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-textonly-text-text-transform: none; - --spectrum-badge-m-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-textonly-icon-margin-top: 0; - --spectrum-badge-m-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-positive-textonly-icon-type: icon; - --spectrum-badge-m-positive-textonly-icon-render: no; - --spectrum-badge-m-positive-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-layout: inline-row; - --spectrum-badge-m-positive-textonly-height: auto; - --spectrum-badge-m-positive-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-textonly-border-color: transparent; - --spectrum-badge-m-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-textonly-text-transform: none; - --spectrum-badge-m-purple-textonly-text-render: yes; - --spectrum-badge-m-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-textonly-text-text-transform: none; - --spectrum-badge-m-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-textonly-icon-margin-top: 0; - --spectrum-badge-m-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-purple-textonly-icon-type: icon; - --spectrum-badge-m-purple-textonly-icon-render: no; - --spectrum-badge-m-purple-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-layout: inline-row; - --spectrum-badge-m-purple-textonly-height: auto; - --spectrum-badge-m-purple-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-textonly-border-color: transparent; - --spectrum-badge-m-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-textonly-text-transform: none; - --spectrum-badge-m-seafoam-textonly-text-render: yes; - --spectrum-badge-m-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-textonly-text-text-transform: none; - --spectrum-badge-m-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-m-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-textonly-icon-type: icon; - --spectrum-badge-m-seafoam-textonly-icon-render: no; - --spectrum-badge-m-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-layout: inline-row; - --spectrum-badge-m-seafoam-textonly-height: auto; - --spectrum-badge-m-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-textonly-border-color: transparent; - --spectrum-badge-m-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-textonly-text-transform: none; - --spectrum-badge-m-yellow-textonly-text-render: yes; - --spectrum-badge-m-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-textonly-text-text-transform: none; - --spectrum-badge-m-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-m-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-textonly-icon-type: icon; - --spectrum-badge-m-yellow-textonly-icon-render: no; - --spectrum-badge-m-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-layout: inline-row; - --spectrum-badge-m-yellow-textonly-height: auto; - --spectrum-badge-m-yellow-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-icononly-border-color: transparent; - --spectrum-badge-m-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-icononly-text-transform: none; - --spectrum-badge-m-fuchsia-icononly-text-render: no; - --spectrum-badge-m-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-m-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-icononly-icon-type: icon; - --spectrum-badge-m-fuchsia-icononly-icon-render: yes; - --spectrum-badge-m-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-layout: inline-row; - --spectrum-badge-m-fuchsia-icononly-height: auto; - --spectrum-badge-m-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-icononly-border-color: transparent; - --spectrum-badge-m-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-icononly-text-transform: none; - --spectrum-badge-m-indigo-icononly-text-render: no; - --spectrum-badge-m-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-icononly-text-text-transform: none; - --spectrum-badge-m-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-m-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-icononly-icon-type: icon; - --spectrum-badge-m-indigo-icononly-icon-render: yes; - --spectrum-badge-m-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-layout: inline-row; - --spectrum-badge-m-indigo-icononly-height: auto; - --spectrum-badge-m-indigo-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-icononly-border-color: transparent; - --spectrum-badge-m-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-icononly-text-transform: none; - --spectrum-badge-m-informative-icononly-text-render: no; - --spectrum-badge-m-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-icononly-text-text-transform: none; - --spectrum-badge-m-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-icon-margin-top: 0; - --spectrum-badge-m-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-informative-icononly-icon-type: icon; - --spectrum-badge-m-informative-icononly-icon-render: yes; - --spectrum-badge-m-informative-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-layout: inline-row; - --spectrum-badge-m-informative-icononly-height: auto; - --spectrum-badge-m-informative-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-icononly-border-color: transparent; - --spectrum-badge-m-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-icononly-text-transform: none; - --spectrum-badge-m-magenta-icononly-text-render: no; - --spectrum-badge-m-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-icononly-text-text-transform: none; - --spectrum-badge-m-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-m-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-icononly-icon-type: icon; - --spectrum-badge-m-magenta-icononly-icon-render: yes; - --spectrum-badge-m-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-layout: inline-row; - --spectrum-badge-m-magenta-icononly-height: auto; - --spectrum-badge-m-magenta-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-icononly-border-color: transparent; - --spectrum-badge-m-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-icononly-text-transform: none; - --spectrum-badge-m-negative-icononly-text-render: no; - --spectrum-badge-m-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-icononly-text-text-transform: none; - --spectrum-badge-m-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-icon-margin-top: 0; - --spectrum-badge-m-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-negative-icononly-icon-type: icon; - --spectrum-badge-m-negative-icononly-icon-render: yes; - --spectrum-badge-m-negative-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-layout: inline-row; - --spectrum-badge-m-negative-icononly-height: auto; - --spectrum-badge-m-negative-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-icononly-border-color: transparent; - --spectrum-badge-m-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-icononly-text-transform: none; - --spectrum-badge-m-neutral-icononly-text-render: no; - --spectrum-badge-m-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-icononly-text-text-transform: none; - --spectrum-badge-m-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-m-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-icononly-icon-type: icon; - --spectrum-badge-m-neutral-icononly-icon-render: yes; - --spectrum-badge-m-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-layout: inline-row; - --spectrum-badge-m-neutral-icononly-height: auto; - --spectrum-badge-m-neutral-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-icononly-border-color: transparent; - --spectrum-badge-m-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-icononly-text-transform: none; - --spectrum-badge-m-positive-icononly-text-render: no; - --spectrum-badge-m-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-icononly-text-text-transform: none; - --spectrum-badge-m-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-icon-margin-top: 0; - --spectrum-badge-m-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-positive-icononly-icon-type: icon; - --spectrum-badge-m-positive-icononly-icon-render: yes; - --spectrum-badge-m-positive-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-layout: inline-row; - --spectrum-badge-m-positive-icononly-height: auto; - --spectrum-badge-m-positive-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-icononly-border-color: transparent; - --spectrum-badge-m-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-icononly-text-transform: none; - --spectrum-badge-m-purple-icononly-text-render: no; - --spectrum-badge-m-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-icononly-text-text-transform: none; - --spectrum-badge-m-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-icon-margin-top: 0; - --spectrum-badge-m-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-purple-icononly-icon-type: icon; - --spectrum-badge-m-purple-icononly-icon-render: yes; - --spectrum-badge-m-purple-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-layout: inline-row; - --spectrum-badge-m-purple-icononly-height: auto; - --spectrum-badge-m-purple-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-icononly-border-color: transparent; - --spectrum-badge-m-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-icononly-text-transform: none; - --spectrum-badge-m-seafoam-icononly-text-render: no; - --spectrum-badge-m-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-icononly-text-text-transform: none; - --spectrum-badge-m-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-m-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-icononly-icon-type: icon; - --spectrum-badge-m-seafoam-icononly-icon-render: yes; - --spectrum-badge-m-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-layout: inline-row; - --spectrum-badge-m-seafoam-icononly-height: auto; - --spectrum-badge-m-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-icononly-border-color: transparent; - --spectrum-badge-m-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-icononly-text-transform: none; - --spectrum-badge-m-yellow-icononly-text-render: no; - --spectrum-badge-m-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-icononly-text-text-transform: none; - --spectrum-badge-m-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-m-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-icononly-icon-type: icon; - --spectrum-badge-m-yellow-icononly-icon-render: yes; - --spectrum-badge-m-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-layout: inline-row; - --spectrum-badge-m-yellow-icononly-height: auto; - --spectrum-badge-m-yellow-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-l-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-texticon-border-color: transparent; - --spectrum-badge-l-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-texticon-text-transform: none; - --spectrum-badge-l-fuchsia-texticon-text-render: yes; - --spectrum-badge-l-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-l-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-texticon-icon-type: icon; - --spectrum-badge-l-fuchsia-texticon-icon-render: yes; - --spectrum-badge-l-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-layout: inline-row; - --spectrum-badge-l-fuchsia-texticon-height: auto; - --spectrum-badge-l-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-texticon-border-color: transparent; - --spectrum-badge-l-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-texticon-text-transform: none; - --spectrum-badge-l-indigo-texticon-text-render: yes; - --spectrum-badge-l-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-texticon-text-text-transform: none; - --spectrum-badge-l-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-l-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-texticon-icon-type: icon; - --spectrum-badge-l-indigo-texticon-icon-render: yes; - --spectrum-badge-l-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-layout: inline-row; - --spectrum-badge-l-indigo-texticon-height: auto; - --spectrum-badge-l-indigo-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-texticon-border-color: transparent; - --spectrum-badge-l-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-texticon-text-transform: none; - --spectrum-badge-l-informative-texticon-text-render: yes; - --spectrum-badge-l-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-texticon-text-text-transform: none; - --spectrum-badge-l-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-texticon-icon-margin-top: 0; - --spectrum-badge-l-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-informative-texticon-icon-type: icon; - --spectrum-badge-l-informative-texticon-icon-render: yes; - --spectrum-badge-l-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-layout: inline-row; - --spectrum-badge-l-informative-texticon-height: auto; - --spectrum-badge-l-informative-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-texticon-border-color: transparent; - --spectrum-badge-l-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-texticon-text-transform: none; - --spectrum-badge-l-magenta-texticon-text-render: yes; - --spectrum-badge-l-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-texticon-text-text-transform: none; - --spectrum-badge-l-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-l-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-texticon-icon-type: icon; - --spectrum-badge-l-magenta-texticon-icon-render: yes; - --spectrum-badge-l-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-layout: inline-row; - --spectrum-badge-l-magenta-texticon-height: auto; - --spectrum-badge-l-magenta-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-texticon-border-color: transparent; - --spectrum-badge-l-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-texticon-text-transform: none; - --spectrum-badge-l-negative-texticon-text-render: yes; - --spectrum-badge-l-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-texticon-text-text-transform: none; - --spectrum-badge-l-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-texticon-icon-margin-top: 0; - --spectrum-badge-l-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-negative-texticon-icon-type: icon; - --spectrum-badge-l-negative-texticon-icon-render: yes; - --spectrum-badge-l-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-layout: inline-row; - --spectrum-badge-l-negative-texticon-height: auto; - --spectrum-badge-l-negative-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-texticon-border-color: transparent; - --spectrum-badge-l-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-texticon-text-transform: none; - --spectrum-badge-l-neutral-texticon-text-render: yes; - --spectrum-badge-l-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-texticon-text-text-transform: none; - --spectrum-badge-l-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-l-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-texticon-icon-type: icon; - --spectrum-badge-l-neutral-texticon-icon-render: yes; - --spectrum-badge-l-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-layout: inline-row; - --spectrum-badge-l-neutral-texticon-height: auto; - --spectrum-badge-l-neutral-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-texticon-border-color: transparent; - --spectrum-badge-l-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-texticon-text-transform: none; - --spectrum-badge-l-positive-texticon-text-render: yes; - --spectrum-badge-l-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-texticon-text-text-transform: none; - --spectrum-badge-l-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-texticon-icon-margin-top: 0; - --spectrum-badge-l-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-positive-texticon-icon-type: icon; - --spectrum-badge-l-positive-texticon-icon-render: yes; - --spectrum-badge-l-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-layout: inline-row; - --spectrum-badge-l-positive-texticon-height: auto; - --spectrum-badge-l-positive-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-texticon-border-color: transparent; - --spectrum-badge-l-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-texticon-text-transform: none; - --spectrum-badge-l-purple-texticon-text-render: yes; - --spectrum-badge-l-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-texticon-text-text-transform: none; - --spectrum-badge-l-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-texticon-icon-margin-top: 0; - --spectrum-badge-l-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-purple-texticon-icon-type: icon; - --spectrum-badge-l-purple-texticon-icon-render: yes; - --spectrum-badge-l-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-layout: inline-row; - --spectrum-badge-l-purple-texticon-height: auto; - --spectrum-badge-l-purple-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-texticon-border-color: transparent; - --spectrum-badge-l-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-texticon-text-transform: none; - --spectrum-badge-l-seafoam-texticon-text-render: yes; - --spectrum-badge-l-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-texticon-text-text-transform: none; - --spectrum-badge-l-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-l-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-texticon-icon-type: icon; - --spectrum-badge-l-seafoam-texticon-icon-render: yes; - --spectrum-badge-l-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-layout: inline-row; - --spectrum-badge-l-seafoam-texticon-height: auto; - --spectrum-badge-l-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-texticon-border-color: transparent; - --spectrum-badge-l-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-texticon-text-transform: none; - --spectrum-badge-l-yellow-texticon-text-render: yes; - --spectrum-badge-l-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-texticon-text-text-transform: none; - --spectrum-badge-l-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-l-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-texticon-icon-type: icon; - --spectrum-badge-l-yellow-texticon-icon-render: yes; - --spectrum-badge-l-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-layout: inline-row; - --spectrum-badge-l-yellow-texticon-height: auto; - --spectrum-badge-l-yellow-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-textonly-border-color: transparent; - --spectrum-badge-l-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-textonly-text-transform: none; - --spectrum-badge-l-fuchsia-textonly-text-render: yes; - --spectrum-badge-l-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-l-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-textonly-icon-type: icon; - --spectrum-badge-l-fuchsia-textonly-icon-render: no; - --spectrum-badge-l-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-layout: inline-row; - --spectrum-badge-l-fuchsia-textonly-height: auto; - --spectrum-badge-l-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-textonly-border-color: transparent; - --spectrum-badge-l-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-textonly-text-transform: none; - --spectrum-badge-l-indigo-textonly-text-render: yes; - --spectrum-badge-l-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-textonly-text-text-transform: none; - --spectrum-badge-l-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-l-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-textonly-icon-type: icon; - --spectrum-badge-l-indigo-textonly-icon-render: no; - --spectrum-badge-l-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-layout: inline-row; - --spectrum-badge-l-indigo-textonly-height: auto; - --spectrum-badge-l-indigo-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-textonly-border-color: transparent; - --spectrum-badge-l-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-textonly-text-transform: none; - --spectrum-badge-l-informative-textonly-text-render: yes; - --spectrum-badge-l-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-textonly-text-text-transform: none; - --spectrum-badge-l-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-textonly-icon-margin-top: 0; - --spectrum-badge-l-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-informative-textonly-icon-type: icon; - --spectrum-badge-l-informative-textonly-icon-render: no; - --spectrum-badge-l-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-layout: inline-row; - --spectrum-badge-l-informative-textonly-height: auto; - --spectrum-badge-l-informative-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-textonly-border-color: transparent; - --spectrum-badge-l-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-textonly-text-transform: none; - --spectrum-badge-l-magenta-textonly-text-render: yes; - --spectrum-badge-l-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-textonly-text-text-transform: none; - --spectrum-badge-l-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-l-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-textonly-icon-type: icon; - --spectrum-badge-l-magenta-textonly-icon-render: no; - --spectrum-badge-l-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-layout: inline-row; - --spectrum-badge-l-magenta-textonly-height: auto; - --spectrum-badge-l-magenta-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-textonly-border-color: transparent; - --spectrum-badge-l-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-textonly-text-transform: none; - --spectrum-badge-l-negative-textonly-text-render: yes; - --spectrum-badge-l-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-textonly-text-text-transform: none; - --spectrum-badge-l-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-textonly-icon-margin-top: 0; - --spectrum-badge-l-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-negative-textonly-icon-type: icon; - --spectrum-badge-l-negative-textonly-icon-render: no; - --spectrum-badge-l-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-layout: inline-row; - --spectrum-badge-l-negative-textonly-height: auto; - --spectrum-badge-l-negative-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-textonly-border-color: transparent; - --spectrum-badge-l-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-textonly-text-transform: none; - --spectrum-badge-l-neutral-textonly-text-render: yes; - --spectrum-badge-l-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-textonly-text-text-transform: none; - --spectrum-badge-l-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-l-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-textonly-icon-type: icon; - --spectrum-badge-l-neutral-textonly-icon-render: no; - --spectrum-badge-l-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-layout: inline-row; - --spectrum-badge-l-neutral-textonly-height: auto; - --spectrum-badge-l-neutral-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-textonly-border-color: transparent; - --spectrum-badge-l-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-textonly-text-transform: none; - --spectrum-badge-l-positive-textonly-text-render: yes; - --spectrum-badge-l-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-textonly-text-text-transform: none; - --spectrum-badge-l-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-textonly-icon-margin-top: 0; - --spectrum-badge-l-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-positive-textonly-icon-type: icon; - --spectrum-badge-l-positive-textonly-icon-render: no; - --spectrum-badge-l-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-layout: inline-row; - --spectrum-badge-l-positive-textonly-height: auto; - --spectrum-badge-l-positive-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-textonly-border-color: transparent; - --spectrum-badge-l-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-textonly-text-transform: none; - --spectrum-badge-l-purple-textonly-text-render: yes; - --spectrum-badge-l-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-textonly-text-text-transform: none; - --spectrum-badge-l-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-textonly-icon-margin-top: 0; - --spectrum-badge-l-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-purple-textonly-icon-type: icon; - --spectrum-badge-l-purple-textonly-icon-render: no; - --spectrum-badge-l-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-layout: inline-row; - --spectrum-badge-l-purple-textonly-height: auto; - --spectrum-badge-l-purple-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-textonly-border-color: transparent; - --spectrum-badge-l-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-textonly-text-transform: none; - --spectrum-badge-l-seafoam-textonly-text-render: yes; - --spectrum-badge-l-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-textonly-text-text-transform: none; - --spectrum-badge-l-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-l-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-textonly-icon-type: icon; - --spectrum-badge-l-seafoam-textonly-icon-render: no; - --spectrum-badge-l-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-layout: inline-row; - --spectrum-badge-l-seafoam-textonly-height: auto; - --spectrum-badge-l-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-textonly-border-color: transparent; - --spectrum-badge-l-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-textonly-text-transform: none; - --spectrum-badge-l-yellow-textonly-text-render: yes; - --spectrum-badge-l-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-textonly-text-text-transform: none; - --spectrum-badge-l-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-l-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-textonly-icon-type: icon; - --spectrum-badge-l-yellow-textonly-icon-render: no; - --spectrum-badge-l-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-layout: inline-row; - --spectrum-badge-l-yellow-textonly-height: auto; - --spectrum-badge-l-yellow-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-icononly-border-color: transparent; - --spectrum-badge-l-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-icononly-text-transform: none; - --spectrum-badge-l-fuchsia-icononly-text-render: no; - --spectrum-badge-l-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-l-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-icononly-icon-type: icon; - --spectrum-badge-l-fuchsia-icononly-icon-render: yes; - --spectrum-badge-l-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-layout: inline-row; - --spectrum-badge-l-fuchsia-icononly-height: auto; - --spectrum-badge-l-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-icononly-border-color: transparent; - --spectrum-badge-l-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-icononly-text-transform: none; - --spectrum-badge-l-indigo-icononly-text-render: no; - --spectrum-badge-l-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-icononly-text-text-transform: none; - --spectrum-badge-l-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-l-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-icononly-icon-type: icon; - --spectrum-badge-l-indigo-icononly-icon-render: yes; - --spectrum-badge-l-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-layout: inline-row; - --spectrum-badge-l-indigo-icononly-height: auto; - --spectrum-badge-l-indigo-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-icononly-border-color: transparent; - --spectrum-badge-l-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-icononly-text-transform: none; - --spectrum-badge-l-informative-icononly-text-render: no; - --spectrum-badge-l-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-icononly-text-text-transform: none; - --spectrum-badge-l-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-icon-margin-top: 0; - --spectrum-badge-l-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-informative-icononly-icon-type: icon; - --spectrum-badge-l-informative-icononly-icon-render: yes; - --spectrum-badge-l-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-layout: inline-row; - --spectrum-badge-l-informative-icononly-height: auto; - --spectrum-badge-l-informative-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-icononly-border-color: transparent; - --spectrum-badge-l-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-icononly-text-transform: none; - --spectrum-badge-l-magenta-icononly-text-render: no; - --spectrum-badge-l-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-icononly-text-text-transform: none; - --spectrum-badge-l-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-l-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-icononly-icon-type: icon; - --spectrum-badge-l-magenta-icononly-icon-render: yes; - --spectrum-badge-l-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-layout: inline-row; - --spectrum-badge-l-magenta-icononly-height: auto; - --spectrum-badge-l-magenta-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-icononly-border-color: transparent; - --spectrum-badge-l-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-icononly-text-transform: none; - --spectrum-badge-l-negative-icononly-text-render: no; - --spectrum-badge-l-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-icononly-text-text-transform: none; - --spectrum-badge-l-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-icon-margin-top: 0; - --spectrum-badge-l-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-negative-icononly-icon-type: icon; - --spectrum-badge-l-negative-icononly-icon-render: yes; - --spectrum-badge-l-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-layout: inline-row; - --spectrum-badge-l-negative-icononly-height: auto; - --spectrum-badge-l-negative-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-icononly-border-color: transparent; - --spectrum-badge-l-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-icononly-text-transform: none; - --spectrum-badge-l-neutral-icononly-text-render: no; - --spectrum-badge-l-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-icononly-text-text-transform: none; - --spectrum-badge-l-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-l-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-icononly-icon-type: icon; - --spectrum-badge-l-neutral-icononly-icon-render: yes; - --spectrum-badge-l-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-layout: inline-row; - --spectrum-badge-l-neutral-icononly-height: auto; - --spectrum-badge-l-neutral-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-icononly-border-color: transparent; - --spectrum-badge-l-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-icononly-text-transform: none; - --spectrum-badge-l-positive-icononly-text-render: no; - --spectrum-badge-l-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-icononly-text-text-transform: none; - --spectrum-badge-l-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-icon-margin-top: 0; - --spectrum-badge-l-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-positive-icononly-icon-type: icon; - --spectrum-badge-l-positive-icononly-icon-render: yes; - --spectrum-badge-l-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-layout: inline-row; - --spectrum-badge-l-positive-icononly-height: auto; - --spectrum-badge-l-positive-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-icononly-border-color: transparent; - --spectrum-badge-l-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-icononly-text-transform: none; - --spectrum-badge-l-purple-icononly-text-render: no; - --spectrum-badge-l-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-icononly-text-text-transform: none; - --spectrum-badge-l-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-icon-margin-top: 0; - --spectrum-badge-l-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-purple-icononly-icon-type: icon; - --spectrum-badge-l-purple-icononly-icon-render: yes; - --spectrum-badge-l-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-layout: inline-row; - --spectrum-badge-l-purple-icononly-height: auto; - --spectrum-badge-l-purple-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-icononly-border-color: transparent; - --spectrum-badge-l-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-icononly-text-transform: none; - --spectrum-badge-l-seafoam-icononly-text-render: no; - --spectrum-badge-l-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-icononly-text-text-transform: none; - --spectrum-badge-l-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-l-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-icononly-icon-type: icon; - --spectrum-badge-l-seafoam-icononly-icon-render: yes; - --spectrum-badge-l-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-layout: inline-row; - --spectrum-badge-l-seafoam-icononly-height: auto; - --spectrum-badge-l-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-icononly-border-color: transparent; - --spectrum-badge-l-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-icononly-text-transform: none; - --spectrum-badge-l-yellow-icononly-text-render: no; - --spectrum-badge-l-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-icononly-text-text-transform: none; - --spectrum-badge-l-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-l-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-icononly-icon-type: icon; - --spectrum-badge-l-yellow-icononly-icon-render: yes; - --spectrum-badge-l-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-layout: inline-row; - --spectrum-badge-l-yellow-icononly-height: auto; - --spectrum-badge-l-yellow-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-texticon-border-color: transparent; - --spectrum-badge-xl-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-texticon-text-transform: none; - --spectrum-badge-xl-fuchsia-texticon-text-render: yes; - --spectrum-badge-xl-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-xl-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-texticon-icon-type: icon; - --spectrum-badge-xl-fuchsia-texticon-icon-render: yes; - --spectrum-badge-xl-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-layout: inline-row; - --spectrum-badge-xl-fuchsia-texticon-height: auto; - --spectrum-badge-xl-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-texticon-border-color: transparent; - --spectrum-badge-xl-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-texticon-text-transform: none; - --spectrum-badge-xl-indigo-texticon-text-render: yes; - --spectrum-badge-xl-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-texticon-text-text-transform: none; - --spectrum-badge-xl-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-xl-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-texticon-icon-type: icon; - --spectrum-badge-xl-indigo-texticon-icon-render: yes; - --spectrum-badge-xl-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-layout: inline-row; - --spectrum-badge-xl-indigo-texticon-height: auto; - --spectrum-badge-xl-indigo-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-texticon-border-color: transparent; - --spectrum-badge-xl-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-texticon-text-transform: none; - --spectrum-badge-xl-informative-texticon-text-render: yes; - --spectrum-badge-xl-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-texticon-text-text-transform: none; - --spectrum-badge-xl-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-texticon-icon-margin-top: 0; - --spectrum-badge-xl-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-texticon-icon-type: icon; - --spectrum-badge-xl-informative-texticon-icon-render: yes; - --spectrum-badge-xl-informative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-layout: inline-row; - --spectrum-badge-xl-informative-texticon-height: auto; - --spectrum-badge-xl-informative-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-texticon-border-color: transparent; - --spectrum-badge-xl-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-texticon-text-transform: none; - --spectrum-badge-xl-magenta-texticon-text-render: yes; - --spectrum-badge-xl-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-texticon-text-text-transform: none; - --spectrum-badge-xl-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-xl-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-texticon-icon-type: icon; - --spectrum-badge-xl-magenta-texticon-icon-render: yes; - --spectrum-badge-xl-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-layout: inline-row; - --spectrum-badge-xl-magenta-texticon-height: auto; - --spectrum-badge-xl-magenta-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-texticon-border-color: transparent; - --spectrum-badge-xl-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-texticon-text-transform: none; - --spectrum-badge-xl-negative-texticon-text-render: yes; - --spectrum-badge-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-texticon-text-text-transform: none; - --spectrum-badge-xl-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-texticon-icon-margin-top: 0; - --spectrum-badge-xl-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-texticon-icon-type: icon; - --spectrum-badge-xl-negative-texticon-icon-render: yes; - --spectrum-badge-xl-negative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-layout: inline-row; - --spectrum-badge-xl-negative-texticon-height: auto; - --spectrum-badge-xl-negative-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-texticon-border-color: transparent; - --spectrum-badge-xl-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-texticon-text-transform: none; - --spectrum-badge-xl-neutral-texticon-text-render: yes; - --spectrum-badge-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-texticon-text-text-transform: none; - --spectrum-badge-xl-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-xl-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-texticon-icon-type: icon; - --spectrum-badge-xl-neutral-texticon-icon-render: yes; - --spectrum-badge-xl-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-layout: inline-row; - --spectrum-badge-xl-neutral-texticon-height: auto; - --spectrum-badge-xl-neutral-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-texticon-border-color: transparent; - --spectrum-badge-xl-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-texticon-text-transform: none; - --spectrum-badge-xl-positive-texticon-text-render: yes; - --spectrum-badge-xl-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-texticon-text-text-transform: none; - --spectrum-badge-xl-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-texticon-icon-margin-top: 0; - --spectrum-badge-xl-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-texticon-icon-type: icon; - --spectrum-badge-xl-positive-texticon-icon-render: yes; - --spectrum-badge-xl-positive-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-layout: inline-row; - --spectrum-badge-xl-positive-texticon-height: auto; - --spectrum-badge-xl-positive-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-texticon-border-color: transparent; - --spectrum-badge-xl-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-texticon-text-transform: none; - --spectrum-badge-xl-purple-texticon-text-render: yes; - --spectrum-badge-xl-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-texticon-text-text-transform: none; - --spectrum-badge-xl-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-texticon-icon-margin-top: 0; - --spectrum-badge-xl-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-texticon-icon-type: icon; - --spectrum-badge-xl-purple-texticon-icon-render: yes; - --spectrum-badge-xl-purple-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-layout: inline-row; - --spectrum-badge-xl-purple-texticon-height: auto; - --spectrum-badge-xl-purple-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-texticon-border-color: transparent; - --spectrum-badge-xl-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-texticon-text-transform: none; - --spectrum-badge-xl-seafoam-texticon-text-render: yes; - --spectrum-badge-xl-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-texticon-text-text-transform: none; - --spectrum-badge-xl-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-texticon-icon-type: icon; - --spectrum-badge-xl-seafoam-texticon-icon-render: yes; - --spectrum-badge-xl-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-layout: inline-row; - --spectrum-badge-xl-seafoam-texticon-height: auto; - --spectrum-badge-xl-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-texticon-border-color: transparent; - --spectrum-badge-xl-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-texticon-text-transform: none; - --spectrum-badge-xl-yellow-texticon-text-render: yes; - --spectrum-badge-xl-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-texticon-text-text-transform: none; - --spectrum-badge-xl-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-xl-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-texticon-icon-type: icon; - --spectrum-badge-xl-yellow-texticon-icon-render: yes; - --spectrum-badge-xl-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-layout: inline-row; - --spectrum-badge-xl-yellow-texticon-height: auto; - --spectrum-badge-xl-yellow-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-textonly-border-color: transparent; - --spectrum-badge-xl-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-textonly-text-transform: none; - --spectrum-badge-xl-fuchsia-textonly-text-render: yes; - --spectrum-badge-xl-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-xl-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-textonly-icon-type: icon; - --spectrum-badge-xl-fuchsia-textonly-icon-render: no; - --spectrum-badge-xl-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-layout: inline-row; - --spectrum-badge-xl-fuchsia-textonly-height: auto; - --spectrum-badge-xl-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-textonly-border-color: transparent; - --spectrum-badge-xl-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-textonly-text-transform: none; - --spectrum-badge-xl-indigo-textonly-text-render: yes; - --spectrum-badge-xl-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-textonly-text-text-transform: none; - --spectrum-badge-xl-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-xl-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-textonly-icon-type: icon; - --spectrum-badge-xl-indigo-textonly-icon-render: no; - --spectrum-badge-xl-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-layout: inline-row; - --spectrum-badge-xl-indigo-textonly-height: auto; - --spectrum-badge-xl-indigo-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-textonly-border-color: transparent; - --spectrum-badge-xl-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-textonly-text-transform: none; - --spectrum-badge-xl-informative-textonly-text-render: yes; - --spectrum-badge-xl-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-textonly-text-text-transform: none; - --spectrum-badge-xl-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-textonly-icon-margin-top: 0; - --spectrum-badge-xl-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-textonly-icon-type: icon; - --spectrum-badge-xl-informative-textonly-icon-render: no; - --spectrum-badge-xl-informative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-layout: inline-row; - --spectrum-badge-xl-informative-textonly-height: auto; - --spectrum-badge-xl-informative-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-textonly-border-color: transparent; - --spectrum-badge-xl-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-textonly-text-transform: none; - --spectrum-badge-xl-magenta-textonly-text-render: yes; - --spectrum-badge-xl-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-textonly-text-text-transform: none; - --spectrum-badge-xl-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-xl-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-textonly-icon-type: icon; - --spectrum-badge-xl-magenta-textonly-icon-render: no; - --spectrum-badge-xl-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-layout: inline-row; - --spectrum-badge-xl-magenta-textonly-height: auto; - --spectrum-badge-xl-magenta-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-textonly-border-color: transparent; - --spectrum-badge-xl-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-textonly-text-transform: none; - --spectrum-badge-xl-negative-textonly-text-render: yes; - --spectrum-badge-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-textonly-text-text-transform: none; - --spectrum-badge-xl-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-textonly-icon-margin-top: 0; - --spectrum-badge-xl-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-textonly-icon-type: icon; - --spectrum-badge-xl-negative-textonly-icon-render: no; - --spectrum-badge-xl-negative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-layout: inline-row; - --spectrum-badge-xl-negative-textonly-height: auto; - --spectrum-badge-xl-negative-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-textonly-border-color: transparent; - --spectrum-badge-xl-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-textonly-text-transform: none; - --spectrum-badge-xl-neutral-textonly-text-render: yes; - --spectrum-badge-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-textonly-text-text-transform: none; - --spectrum-badge-xl-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-xl-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-textonly-icon-type: icon; - --spectrum-badge-xl-neutral-textonly-icon-render: no; - --spectrum-badge-xl-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-layout: inline-row; - --spectrum-badge-xl-neutral-textonly-height: auto; - --spectrum-badge-xl-neutral-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-textonly-border-color: transparent; - --spectrum-badge-xl-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-textonly-text-transform: none; - --spectrum-badge-xl-positive-textonly-text-render: yes; - --spectrum-badge-xl-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-textonly-text-text-transform: none; - --spectrum-badge-xl-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-textonly-icon-margin-top: 0; - --spectrum-badge-xl-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-textonly-icon-type: icon; - --spectrum-badge-xl-positive-textonly-icon-render: no; - --spectrum-badge-xl-positive-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-layout: inline-row; - --spectrum-badge-xl-positive-textonly-height: auto; - --spectrum-badge-xl-positive-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-textonly-border-color: transparent; - --spectrum-badge-xl-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-textonly-text-transform: none; - --spectrum-badge-xl-purple-textonly-text-render: yes; - --spectrum-badge-xl-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-textonly-text-text-transform: none; - --spectrum-badge-xl-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-textonly-icon-margin-top: 0; - --spectrum-badge-xl-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-textonly-icon-type: icon; - --spectrum-badge-xl-purple-textonly-icon-render: no; - --spectrum-badge-xl-purple-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-layout: inline-row; - --spectrum-badge-xl-purple-textonly-height: auto; - --spectrum-badge-xl-purple-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-textonly-border-color: transparent; - --spectrum-badge-xl-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-textonly-text-transform: none; - --spectrum-badge-xl-seafoam-textonly-text-render: yes; - --spectrum-badge-xl-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-textonly-text-text-transform: none; - --spectrum-badge-xl-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-textonly-icon-type: icon; - --spectrum-badge-xl-seafoam-textonly-icon-render: no; - --spectrum-badge-xl-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-layout: inline-row; - --spectrum-badge-xl-seafoam-textonly-height: auto; - --spectrum-badge-xl-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-textonly-border-color: transparent; - --spectrum-badge-xl-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-textonly-text-transform: none; - --spectrum-badge-xl-yellow-textonly-text-render: yes; - --spectrum-badge-xl-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-textonly-text-text-transform: none; - --spectrum-badge-xl-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-xl-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-textonly-icon-type: icon; - --spectrum-badge-xl-yellow-textonly-icon-render: no; - --spectrum-badge-xl-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-layout: inline-row; - --spectrum-badge-xl-yellow-textonly-height: auto; - --spectrum-badge-xl-yellow-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-icononly-border-color: transparent; - --spectrum-badge-xl-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-icononly-text-transform: none; - --spectrum-badge-xl-fuchsia-icononly-text-render: no; - --spectrum-badge-xl-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-xl-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-icononly-icon-type: icon; - --spectrum-badge-xl-fuchsia-icononly-icon-render: yes; - --spectrum-badge-xl-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-layout: inline-row; - --spectrum-badge-xl-fuchsia-icononly-height: auto; - --spectrum-badge-xl-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-icononly-border-color: transparent; - --spectrum-badge-xl-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-icononly-text-transform: none; - --spectrum-badge-xl-indigo-icononly-text-render: no; - --spectrum-badge-xl-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-icononly-text-text-transform: none; - --spectrum-badge-xl-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-xl-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-icononly-icon-type: icon; - --spectrum-badge-xl-indigo-icononly-icon-render: yes; - --spectrum-badge-xl-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-layout: inline-row; - --spectrum-badge-xl-indigo-icononly-height: auto; - --spectrum-badge-xl-indigo-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-icononly-border-color: transparent; - --spectrum-badge-xl-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-icononly-text-transform: none; - --spectrum-badge-xl-informative-icononly-text-render: no; - --spectrum-badge-xl-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-icononly-text-text-transform: none; - --spectrum-badge-xl-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-icon-margin-top: 0; - --spectrum-badge-xl-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-icononly-icon-type: icon; - --spectrum-badge-xl-informative-icononly-icon-render: yes; - --spectrum-badge-xl-informative-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-layout: inline-row; - --spectrum-badge-xl-informative-icononly-height: auto; - --spectrum-badge-xl-informative-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-icononly-border-color: transparent; - --spectrum-badge-xl-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-icononly-text-transform: none; - --spectrum-badge-xl-magenta-icononly-text-render: no; - --spectrum-badge-xl-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-icononly-text-text-transform: none; - --spectrum-badge-xl-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-xl-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-icononly-icon-type: icon; - --spectrum-badge-xl-magenta-icononly-icon-render: yes; - --spectrum-badge-xl-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-layout: inline-row; - --spectrum-badge-xl-magenta-icononly-height: auto; - --spectrum-badge-xl-magenta-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-icononly-border-color: transparent; - --spectrum-badge-xl-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-icononly-text-transform: none; - --spectrum-badge-xl-negative-icononly-text-render: no; - --spectrum-badge-xl-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-icononly-text-text-transform: none; - --spectrum-badge-xl-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-icon-margin-top: 0; - --spectrum-badge-xl-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-icononly-icon-type: icon; - --spectrum-badge-xl-negative-icononly-icon-render: yes; - --spectrum-badge-xl-negative-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-layout: inline-row; - --spectrum-badge-xl-negative-icononly-height: auto; - --spectrum-badge-xl-negative-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-icononly-border-color: transparent; - --spectrum-badge-xl-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-icononly-text-transform: none; - --spectrum-badge-xl-neutral-icononly-text-render: no; - --spectrum-badge-xl-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-icononly-text-text-transform: none; - --spectrum-badge-xl-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-xl-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-icononly-icon-type: icon; - --spectrum-badge-xl-neutral-icononly-icon-render: yes; - --spectrum-badge-xl-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-layout: inline-row; - --spectrum-badge-xl-neutral-icononly-height: auto; - --spectrum-badge-xl-neutral-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-icononly-border-color: transparent; - --spectrum-badge-xl-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-icononly-text-transform: none; - --spectrum-badge-xl-positive-icononly-text-render: no; - --spectrum-badge-xl-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-icononly-text-text-transform: none; - --spectrum-badge-xl-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-icon-margin-top: 0; - --spectrum-badge-xl-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-icononly-icon-type: icon; - --spectrum-badge-xl-positive-icononly-icon-render: yes; - --spectrum-badge-xl-positive-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-layout: inline-row; - --spectrum-badge-xl-positive-icononly-height: auto; - --spectrum-badge-xl-positive-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-icononly-border-color: transparent; - --spectrum-badge-xl-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-icononly-text-transform: none; - --spectrum-badge-xl-purple-icononly-text-render: no; - --spectrum-badge-xl-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-icononly-text-text-transform: none; - --spectrum-badge-xl-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-icon-margin-top: 0; - --spectrum-badge-xl-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-icononly-icon-type: icon; - --spectrum-badge-xl-purple-icononly-icon-render: yes; - --spectrum-badge-xl-purple-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-layout: inline-row; - --spectrum-badge-xl-purple-icononly-height: auto; - --spectrum-badge-xl-purple-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-icononly-border-color: transparent; - --spectrum-badge-xl-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-icononly-text-transform: none; - --spectrum-badge-xl-seafoam-icononly-text-render: no; - --spectrum-badge-xl-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-icononly-text-text-transform: none; - --spectrum-badge-xl-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-icononly-icon-type: icon; - --spectrum-badge-xl-seafoam-icononly-icon-render: yes; - --spectrum-badge-xl-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-layout: inline-row; - --spectrum-badge-xl-seafoam-icononly-height: auto; - --spectrum-badge-xl-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-icononly-border-color: transparent; - --spectrum-badge-xl-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-icononly-text-transform: none; - --spectrum-badge-xl-yellow-icononly-text-render: no; - --spectrum-badge-xl-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-icononly-text-text-transform: none; - --spectrum-badge-xl-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-xl-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-icononly-icon-type: icon; - --spectrum-badge-xl-yellow-icononly-icon-render: yes; - --spectrum-badge-xl-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-layout: inline-row; - --spectrum-badge-xl-yellow-icononly-height: auto; - --spectrum-badge-xl-yellow-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-160); -} diff --git a/components/expressvars/css/components/spectrum-body.css b/components/expressvars/css/components/spectrum-body.css deleted file mode 100644 index a360f8c3932..00000000000 --- a/components/expressvars/css/components/spectrum-body.css +++ /dev/null @@ -1,2018 +0,0 @@ -:root { - --spectrum-body-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-strong-text-transform: none; - --spectrum-body-xs-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-margin-top: 0px; - --spectrum-body-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-text-transform: none; - --spectrum-body-xs-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-strong-margin-top: 0px; - --spectrum-body-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-strong-text-transform: none; - --spectrum-body-xs-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-margin-top: 0px; - --spectrum-body-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-text-transform: none; - --spectrum-body-s-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-strong-text-transform: none; - --spectrum-body-s-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-margin-top: 0px; - --spectrum-body-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-text-transform: none; - --spectrum-body-s-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-strong-margin-top: 0px; - --spectrum-body-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-strong-text-transform: none; - --spectrum-body-s-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-margin-top: 0px; - --spectrum-body-s-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-text-transform: none; - --spectrum-body-m-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-strong-text-transform: none; - --spectrum-body-m-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-margin-top: 0px; - --spectrum-body-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-text-transform: none; - --spectrum-body-m-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-strong-margin-top: 0px; - --spectrum-body-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-strong-text-transform: none; - --spectrum-body-m-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-margin-top: 0px; - --spectrum-body-m-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-text-transform: none; - --spectrum-body-l-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-strong-text-transform: none; - --spectrum-body-l-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-margin-top: 0px; - --spectrum-body-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-text-transform: none; - --spectrum-body-l-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-strong-margin-top: 0px; - --spectrum-body-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-strong-text-transform: none; - --spectrum-body-l-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-margin-top: 0px; - --spectrum-body-l-serif-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-text-transform: none; - --spectrum-body-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-margin-top: 0px; - --spectrum-body-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-text-transform: none; - --spectrum-body-xl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-strong-margin-top: 0px; - --spectrum-body-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-strong-text-transform: none; - --spectrum-body-xl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-margin-top: 0px; - --spectrum-body-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-text-transform: none; - --spectrum-body-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-margin-top: 0px; - --spectrum-body-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-text-transform: none; - --spectrum-body-xxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-strong-margin-top: 0px; - --spectrum-body-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-strong-text-transform: none; - --spectrum-body-xxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-margin-top: 0px; - --spectrum-body-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-text-transform: none; - --spectrum-body-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xxxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-margin-top: 0px; - --spectrum-body-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-text-transform: none; - --spectrum-body-xxxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-strong-margin-top: 0px; - --spectrum-body-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-strong-text-transform: none; - --spectrum-body-xxxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-margin-top: 0px; - --spectrum-body-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-text-transform: none; - --spectrum-body-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-strong-margin-top: 0px; - --spectrum-body-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-strong-text-transform: none; - --spectrum-body-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-margin-top: 0px; - --spectrum-body-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-text-transform: none; - --spectrum-body-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-strong-margin-top: 0px; - --spectrum-body-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-strong-text-transform: none; - --spectrum-body-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-margin-top: 0px; - --spectrum-body-xs-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-text-transform: none; - --spectrum-body-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-strong-margin-top: 0px; - --spectrum-body-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-strong-text-transform: none; - --spectrum-body-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-margin-top: 0px; - --spectrum-body-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-text-transform: none; - --spectrum-body-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-strong-margin-top: 0px; - --spectrum-body-s-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-strong-text-transform: none; - --spectrum-body-s-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-color: var(--spectrum-alias-text-color); - --spectrum-body-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-margin-top: 0px; - --spectrum-body-s-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-text-transform: none; - --spectrum-body-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-strong-margin-top: 0px; - --spectrum-body-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-strong-text-transform: none; - --spectrum-body-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-margin-top: 0px; - --spectrum-body-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-text-transform: none; - --spectrum-body-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-strong-margin-top: 0px; - --spectrum-body-m-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-strong-text-transform: none; - --spectrum-body-m-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-color: var(--spectrum-alias-text-color); - --spectrum-body-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-margin-top: 0px; - --spectrum-body-m-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-text-transform: none; - --spectrum-body-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-strong-margin-top: 0px; - --spectrum-body-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-strong-text-transform: none; - --spectrum-body-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-margin-top: 0px; - --spectrum-body-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-text-transform: none; - --spectrum-body-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-strong-margin-top: 0px; - --spectrum-body-l-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-strong-text-transform: none; - --spectrum-body-l-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-color: var(--spectrum-alias-text-color); - --spectrum-body-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-margin-top: 0px; - --spectrum-body-l-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-text-transform: none; - --spectrum-body-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-strong-margin-top: 0px; - --spectrum-body-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-strong-text-transform: none; - --spectrum-body-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-margin-top: 0px; - --spectrum-body-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-text-transform: none; - --spectrum-body-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-strong-margin-top: 0px; - --spectrum-body-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-strong-text-transform: none; - --spectrum-body-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-margin-top: 0px; - --spectrum-body-xl-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-text-transform: none; - --spectrum-body-xxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-strong-margin-top: 0px; - --spectrum-body-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-strong-text-transform: none; - --spectrum-body-xxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-margin-top: 0px; - --spectrum-body-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-text-transform: none; - --spectrum-body-xxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-strong-margin-top: 0px; - --spectrum-body-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-strong-text-transform: none; - --spectrum-body-xxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-margin-top: 0px; - --spectrum-body-xxl-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-text-transform: none; - --spectrum-body-xxxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-strong-margin-top: 0px; - --spectrum-body-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-strong-text-transform: none; - --spectrum-body-xxxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-margin-top: 0px; - --spectrum-body-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-text-transform: none; - --spectrum-body-xxxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-strong-margin-top: 0px; - --spectrum-body-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-strong-text-transform: none; - --spectrum-body-xxxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-margin-top: 0px; - --spectrum-body-xxxl-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-text-transform: none; - --spectrum-body-han-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xs-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-text-transform: none; - --spectrum-body-han-xs-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-strong-margin-top: 0px; - --spectrum-body-han-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-strong-text-transform: none; - --spectrum-body-han-xs-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-margin-top: 0px; - --spectrum-body-han-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-text-transform: none; - --spectrum-body-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-s-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-margin-top: 0px; - --spectrum-body-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-text-transform: none; - --spectrum-body-han-s-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-strong-margin-top: 0px; - --spectrum-body-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-strong-text-transform: none; - --spectrum-body-han-s-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-margin-top: 0px; - --spectrum-body-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-text-transform: none; - --spectrum-body-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-m-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-margin-top: 0px; - --spectrum-body-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-text-transform: none; - --spectrum-body-han-m-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-strong-margin-top: 0px; - --spectrum-body-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-strong-text-transform: none; - --spectrum-body-han-m-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-margin-top: 0px; - --spectrum-body-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-text-transform: none; - --spectrum-body-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-l-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-margin-top: 0px; - --spectrum-body-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-text-transform: none; - --spectrum-body-han-l-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-strong-margin-top: 0px; - --spectrum-body-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-strong-text-transform: none; - --spectrum-body-han-l-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-margin-top: 0px; - --spectrum-body-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-text-transform: none; - --spectrum-body-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-text-transform: none; - --spectrum-body-han-xl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-strong-margin-top: 0px; - --spectrum-body-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-strong-text-transform: none; - --spectrum-body-han-xl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-margin-top: 0px; - --spectrum-body-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-text-transform: none; - --spectrum-body-han-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-text-transform: none; - --spectrum-body-han-xxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-strong-margin-top: 0px; - --spectrum-body-han-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-strong-text-transform: none; - --spectrum-body-han-xxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-margin-top: 0px; - --spectrum-body-han-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-text-transform: none; - --spectrum-body-han-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xxxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-text-transform: none; - --spectrum-body-han-xxxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-strong-margin-top: 0px; - --spectrum-body-han-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-strong-text-transform: none; - --spectrum-body-han-xxxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-margin-top: 0px; - --spectrum-body-han-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-text-transform: none; - --spectrum-body-han-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-strong-text-transform: none; - --spectrum-body-han-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-margin-top: 0px; - --spectrum-body-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-text-transform: none; - --spectrum-body-han-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-strong-margin-top: 0px; - --spectrum-body-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-strong-text-transform: none; - --spectrum-body-han-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-margin-top: 0px; - --spectrum-body-han-xs-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-text-transform: none; - --spectrum-body-han-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-strong-margin-top: 0px; - --spectrum-body-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-strong-text-transform: none; - --spectrum-body-han-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-margin-top: 0px; - --spectrum-body-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-text-transform: none; - --spectrum-body-han-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-strong-margin-top: 0px; - --spectrum-body-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-strong-text-transform: none; - --spectrum-body-han-s-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-margin-top: 0px; - --spectrum-body-han-s-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-text-transform: none; - --spectrum-body-han-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-strong-margin-top: 0px; - --spectrum-body-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-strong-text-transform: none; - --spectrum-body-han-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-margin-top: 0px; - --spectrum-body-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-text-transform: none; - --spectrum-body-han-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-strong-margin-top: 0px; - --spectrum-body-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-strong-text-transform: none; - --spectrum-body-han-m-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-margin-top: 0px; - --spectrum-body-han-m-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-text-transform: none; - --spectrum-body-han-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-strong-margin-top: 0px; - --spectrum-body-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-strong-text-transform: none; - --spectrum-body-han-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-margin-top: 0px; - --spectrum-body-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-text-transform: none; - --spectrum-body-han-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-strong-margin-top: 0px; - --spectrum-body-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-strong-text-transform: none; - --spectrum-body-han-l-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-margin-top: 0px; - --spectrum-body-han-l-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-text-transform: none; - --spectrum-body-han-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-strong-text-transform: none; - --spectrum-body-han-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-margin-top: 0px; - --spectrum-body-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-text-transform: none; - --spectrum-body-han-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-strong-margin-top: 0px; - --spectrum-body-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-strong-text-transform: none; - --spectrum-body-han-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-margin-top: 0px; - --spectrum-body-han-xl-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-text-transform: none; - --spectrum-body-han-xxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-strong-text-transform: none; - --spectrum-body-han-xxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-margin-top: 0px; - --spectrum-body-han-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-text-transform: none; - --spectrum-body-han-xxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-strong-margin-top: 0px; - --spectrum-body-han-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-strong-text-transform: none; - --spectrum-body-han-xxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-margin-top: 0px; - --spectrum-body-han-xxl-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-text-transform: none; - --spectrum-body-han-xxxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-strong-text-transform: none; - --spectrum-body-han-xxxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-margin-top: 0px; - --spectrum-body-han-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-text-transform: none; - --spectrum-body-han-xxxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-strong-margin-top: 0px; - --spectrum-body-han-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-strong-text-transform: none; - --spectrum-body-han-xxxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-margin-top: 0px; - --spectrum-body-han-xxxl-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-text-transform: none; -} diff --git a/components/expressvars/css/components/spectrum-bottomnavigation.css b/components/expressvars/css/components/spectrum-bottomnavigation.css deleted file mode 100644 index 6640ab506b5..00000000000 --- a/components/expressvars/css/components/spectrum-bottomnavigation.css +++ /dev/null @@ -1,190 +0,0 @@ -:root { - --spectrum-bottomnavigation-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-bottomnavigation-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-bottomnavigation-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-primary-item-icon-type: icon; - --spectrum-bottomnavigation-primary-item-icon-render: yes; - --spectrum-bottomnavigation-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-primary-item-text-transform: none; - --spectrum-bottomnavigation-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-primary-item-text-render: yes; - --spectrum-bottomnavigation-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-primary-item-text-text-transform: none; - --spectrum-bottomnavigation-primary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-bottomnavigation-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-primary-elevation: 8dp; - --spectrum-bottomnavigation-primary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-type: icon; - --spectrum-bottomnavigation-sidelabel-primary-item-icon-render: yes; - --spectrum-bottomnavigation-sidelabel-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-primary-item-text-transform: none; - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-primary-item-text-render: yes; - --spectrum-bottomnavigation-sidelabel-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-sidelabel-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-sidelabel-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-sidelabel-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-sidelabel-primary-item-text-text-transform: none; - --spectrum-bottomnavigation-sidelabel-primary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-bottomnavigation-sidelabel-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-bottomnavigation-sidelabel-primary-elevation: 8dp; - --spectrum-bottomnavigation-sidelabel-primary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-bottomnavigation-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-bottomnavigation-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-secondary-item-icon-type: icon; - --spectrum-bottomnavigation-secondary-item-icon-render: yes; - --spectrum-bottomnavigation-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-secondary-item-text-transform: none; - --spectrum-bottomnavigation-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-secondary-item-text-render: yes; - --spectrum-bottomnavigation-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-secondary-item-text-text-transform: none; - --spectrum-bottomnavigation-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-bottomnavigation-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-secondary-elevation: 8dp; - --spectrum-bottomnavigation-secondary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-type: icon; - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-render: yes; - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-transform: none; - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-render: yes; - --spectrum-bottomnavigation-sidelabel-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-text-transform: none; - --spectrum-bottomnavigation-sidelabel-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-bottomnavigation-sidelabel-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-bottomnavigation-sidelabel-secondary-elevation: 8dp; - --spectrum-bottomnavigation-sidelabel-secondary-height: var(--spectrum-global-dimension-static-size-700); -} diff --git a/components/expressvars/css/components/spectrum-breadcrumb.css b/components/expressvars/css/components/spectrum-breadcrumb.css deleted file mode 100644 index af980e4b265..00000000000 --- a/components/expressvars/css/components/spectrum-breadcrumb.css +++ /dev/null @@ -1,688 +0,0 @@ -:root { - --spectrum-breadcrumb-s-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-s-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-s-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-s-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-s-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-s-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-s-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-s-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-s-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-s-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-render: yes; - --spectrum-breadcrumb-s-multiline-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-s-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-s-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-s-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-s-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-item-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-s-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-s-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-s-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-s-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-s-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-s-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-s-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-s-title-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-render: yes; - --spectrum-breadcrumb-s-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-s-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-s-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-s-item-text-text-transform: none; - --spectrum-breadcrumb-s-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-s-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-m-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-m-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-m-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-m-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-m-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-m-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-m-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-m-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-item-text-render: yes; - --spectrum-breadcrumb-m-multiline-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-m-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-m-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-m-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-m-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-m-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-m-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-m-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-m-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-m-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-m-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-m-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-m-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-item-text-render: yes; - --spectrum-breadcrumb-m-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-m-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-m-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-m-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-m-item-text-text-transform: none; - --spectrum-breadcrumb-m-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-m-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-l-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-l-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-l-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-l-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-l-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-l-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-l-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-l-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-l-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-item-text-render: yes; - --spectrum-breadcrumb-l-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-l-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-l-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-l-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-l-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-l-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-l-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-l-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-l-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-l-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-l-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-l-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-l-title-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-item-text-render: yes; - --spectrum-breadcrumb-l-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-l-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-l-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-l-item-text-text-transform: none; - --spectrum-breadcrumb-l-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-l-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-margin-bottom: var(--spectrum-global-dimension-size-100); -} diff --git a/components/expressvars/css/components/spectrum-button.css b/components/expressvars/css/components/spectrum-button.css deleted file mode 100644 index 2b725122b85..00000000000 --- a/components/expressvars/css/components/spectrum-button.css +++ /dev/null @@ -1,24506 +0,0 @@ -:root { - --spectrum-button-s-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-icononly-text-transform: none; - --spectrum-button-s-accent-fill-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-icononly-text-render: no; - --spectrum-button-s-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-icononly-justify-content: center; - --spectrum-button-s-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-icononly-text-transform: none; - --spectrum-button-s-primary-fill-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-icononly-text-render: no; - --spectrum-button-s-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-icononly-justify-content: center; - --spectrum-button-s-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-icononly-text-render: no; - --spectrum-button-s-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-icononly-text-transform: none; - --spectrum-button-s-negative-fill-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-icononly-text-render: no; - --spectrum-button-s-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-icononly-justify-content: center; - --spectrum-button-s-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-texticon-text-transform: none; - --spectrum-button-s-accent-fill-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-texticon-text-render: yes; - --spectrum-button-s-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-texticon-justify-content: center; - --spectrum-button-s-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-texticon-text-transform: none; - --spectrum-button-s-primary-fill-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-texticon-text-render: yes; - --spectrum-button-s-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-texticon-justify-content: center; - --spectrum-button-s-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-texticon-text-transform: none; - --spectrum-button-s-negative-fill-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-texticon-text-render: yes; - --spectrum-button-s-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-texticon-justify-content: center; - --spectrum-button-s-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-textonly-text-transform: none; - --spectrum-button-s-accent-fill-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-textonly-text-render: yes; - --spectrum-button-s-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-textonly-icon-render: no; - --spectrum-button-s-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-textonly-justify-content: center; - --spectrum-button-s-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-textonly-text-transform: none; - --spectrum-button-s-primary-fill-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-textonly-text-render: yes; - --spectrum-button-s-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-textonly-icon-render: no; - --spectrum-button-s-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-textonly-justify-content: center; - --spectrum-button-s-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-textonly-text-transform: none; - --spectrum-button-s-negative-fill-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-textonly-text-render: yes; - --spectrum-button-s-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-textonly-icon-render: no; - --spectrum-button-s-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-textonly-justify-content: center; - --spectrum-button-s-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-icononly-text-transform: none; - --spectrum-button-m-accent-fill-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-icononly-text-render: no; - --spectrum-button-m-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-icononly-justify-content: center; - --spectrum-button-m-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-icononly-text-transform: none; - --spectrum-button-m-primary-fill-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-icononly-text-render: no; - --spectrum-button-m-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-icononly-justify-content: center; - --spectrum-button-m-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-icononly-text-render: no; - --spectrum-button-m-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-icononly-text-transform: none; - --spectrum-button-m-negative-fill-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-icononly-text-render: no; - --spectrum-button-m-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-icononly-justify-content: center; - --spectrum-button-m-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-texticon-text-transform: none; - --spectrum-button-m-accent-fill-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-texticon-text-render: yes; - --spectrum-button-m-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-texticon-justify-content: center; - --spectrum-button-m-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-texticon-text-transform: none; - --spectrum-button-m-primary-fill-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-texticon-text-render: yes; - --spectrum-button-m-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-texticon-justify-content: center; - --spectrum-button-m-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-texticon-text-transform: none; - --spectrum-button-m-negative-fill-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-texticon-text-render: yes; - --spectrum-button-m-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-texticon-justify-content: center; - --spectrum-button-m-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-textonly-text-transform: none; - --spectrum-button-m-accent-fill-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-textonly-text-render: yes; - --spectrum-button-m-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-textonly-icon-render: no; - --spectrum-button-m-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-textonly-justify-content: center; - --spectrum-button-m-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-textonly-text-transform: none; - --spectrum-button-m-primary-fill-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-textonly-text-render: yes; - --spectrum-button-m-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-textonly-icon-render: no; - --spectrum-button-m-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-textonly-justify-content: center; - --spectrum-button-m-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-textonly-text-transform: none; - --spectrum-button-m-negative-fill-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-textonly-text-render: yes; - --spectrum-button-m-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-textonly-icon-render: no; - --spectrum-button-m-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-textonly-justify-content: center; - --spectrum-button-m-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-icononly-text-transform: none; - --spectrum-button-l-accent-fill-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-icononly-text-render: no; - --spectrum-button-l-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-icononly-justify-content: center; - --spectrum-button-l-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-icononly-text-transform: none; - --spectrum-button-l-primary-fill-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-icononly-text-render: no; - --spectrum-button-l-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-icononly-justify-content: center; - --spectrum-button-l-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-icononly-text-render: no; - --spectrum-button-l-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-icononly-text-transform: none; - --spectrum-button-l-negative-fill-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-icononly-text-render: no; - --spectrum-button-l-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-icononly-justify-content: center; - --spectrum-button-l-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-texticon-text-transform: none; - --spectrum-button-l-accent-fill-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-texticon-text-render: yes; - --spectrum-button-l-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-texticon-justify-content: center; - --spectrum-button-l-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-texticon-text-transform: none; - --spectrum-button-l-primary-fill-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-texticon-text-render: yes; - --spectrum-button-l-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-texticon-justify-content: center; - --spectrum-button-l-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-texticon-text-transform: none; - --spectrum-button-l-negative-fill-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-texticon-text-render: yes; - --spectrum-button-l-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-texticon-justify-content: center; - --spectrum-button-l-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-textonly-text-transform: none; - --spectrum-button-l-accent-fill-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-textonly-text-render: yes; - --spectrum-button-l-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-textonly-icon-render: no; - --spectrum-button-l-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-textonly-justify-content: center; - --spectrum-button-l-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-textonly-text-transform: none; - --spectrum-button-l-primary-fill-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-textonly-text-render: yes; - --spectrum-button-l-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-textonly-icon-render: no; - --spectrum-button-l-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-textonly-justify-content: center; - --spectrum-button-l-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-textonly-text-transform: none; - --spectrum-button-l-negative-fill-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-textonly-text-render: yes; - --spectrum-button-l-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-textonly-icon-render: no; - --spectrum-button-l-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-textonly-justify-content: center; - --spectrum-button-l-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-icononly-text-render: no; - --spectrum-button-xl-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-icononly-text-render: no; - --spectrum-button-xl-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-icononly-text-render: no; - --spectrum-button-xl-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-icononly-text-transform: none; - --spectrum-button-s-accent-outline-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-icononly-text-render: no; - --spectrum-button-s-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-icononly-justify-content: center; - --spectrum-button-s-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-icononly-text-transform: none; - --spectrum-button-s-primary-outline-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-icononly-text-render: no; - --spectrum-button-s-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-icononly-justify-content: center; - --spectrum-button-s-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-icononly-text-render: no; - --spectrum-button-s-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-icononly-text-transform: none; - --spectrum-button-s-negative-outline-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-icononly-text-render: no; - --spectrum-button-s-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-icononly-justify-content: center; - --spectrum-button-s-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-texticon-text-transform: none; - --spectrum-button-s-accent-outline-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-texticon-text-render: yes; - --spectrum-button-s-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-texticon-justify-content: center; - --spectrum-button-s-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-texticon-text-transform: none; - --spectrum-button-s-primary-outline-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-texticon-text-render: yes; - --spectrum-button-s-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-texticon-justify-content: center; - --spectrum-button-s-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-texticon-text-transform: none; - --spectrum-button-s-negative-outline-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-texticon-text-render: yes; - --spectrum-button-s-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-texticon-justify-content: center; - --spectrum-button-s-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-textonly-text-transform: none; - --spectrum-button-s-accent-outline-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-textonly-text-render: yes; - --spectrum-button-s-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-textonly-icon-render: no; - --spectrum-button-s-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-textonly-justify-content: center; - --spectrum-button-s-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-textonly-text-transform: none; - --spectrum-button-s-primary-outline-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-textonly-text-render: yes; - --spectrum-button-s-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-textonly-icon-render: no; - --spectrum-button-s-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-textonly-justify-content: center; - --spectrum-button-s-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-textonly-text-transform: none; - --spectrum-button-s-negative-outline-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-textonly-text-render: yes; - --spectrum-button-s-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-textonly-icon-render: no; - --spectrum-button-s-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-textonly-justify-content: center; - --spectrum-button-s-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-icononly-text-transform: none; - --spectrum-button-m-accent-outline-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-icononly-text-render: no; - --spectrum-button-m-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-icononly-justify-content: center; - --spectrum-button-m-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-icononly-text-transform: none; - --spectrum-button-m-primary-outline-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-icononly-text-render: no; - --spectrum-button-m-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-icononly-justify-content: center; - --spectrum-button-m-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-icononly-text-render: no; - --spectrum-button-m-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-icononly-text-transform: none; - --spectrum-button-m-negative-outline-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-icononly-text-render: no; - --spectrum-button-m-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-icononly-justify-content: center; - --spectrum-button-m-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-texticon-text-transform: none; - --spectrum-button-m-accent-outline-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-texticon-text-render: yes; - --spectrum-button-m-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-texticon-justify-content: center; - --spectrum-button-m-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-texticon-text-transform: none; - --spectrum-button-m-primary-outline-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-texticon-text-render: yes; - --spectrum-button-m-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-texticon-justify-content: center; - --spectrum-button-m-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-texticon-text-transform: none; - --spectrum-button-m-negative-outline-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-texticon-text-render: yes; - --spectrum-button-m-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-texticon-justify-content: center; - --spectrum-button-m-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-textonly-text-transform: none; - --spectrum-button-m-accent-outline-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-textonly-text-render: yes; - --spectrum-button-m-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-textonly-icon-render: no; - --spectrum-button-m-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-textonly-justify-content: center; - --spectrum-button-m-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-textonly-text-transform: none; - --spectrum-button-m-primary-outline-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-textonly-text-render: yes; - --spectrum-button-m-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-textonly-icon-render: no; - --spectrum-button-m-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-textonly-justify-content: center; - --spectrum-button-m-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-textonly-text-transform: none; - --spectrum-button-m-negative-outline-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-textonly-text-render: yes; - --spectrum-button-m-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-textonly-icon-render: no; - --spectrum-button-m-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-textonly-justify-content: center; - --spectrum-button-m-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-icononly-text-transform: none; - --spectrum-button-l-accent-outline-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-icononly-text-render: no; - --spectrum-button-l-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-icononly-justify-content: center; - --spectrum-button-l-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-icononly-text-transform: none; - --spectrum-button-l-primary-outline-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-icononly-text-render: no; - --spectrum-button-l-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-icononly-justify-content: center; - --spectrum-button-l-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-icononly-text-render: no; - --spectrum-button-l-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-icononly-text-transform: none; - --spectrum-button-l-negative-outline-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-icononly-text-render: no; - --spectrum-button-l-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-icononly-justify-content: center; - --spectrum-button-l-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-texticon-text-transform: none; - --spectrum-button-l-accent-outline-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-texticon-text-render: yes; - --spectrum-button-l-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-texticon-justify-content: center; - --spectrum-button-l-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-texticon-text-transform: none; - --spectrum-button-l-primary-outline-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-texticon-text-render: yes; - --spectrum-button-l-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-texticon-justify-content: center; - --spectrum-button-l-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-texticon-text-transform: none; - --spectrum-button-l-negative-outline-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-texticon-text-render: yes; - --spectrum-button-l-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-texticon-justify-content: center; - --spectrum-button-l-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-textonly-text-transform: none; - --spectrum-button-l-accent-outline-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-textonly-text-render: yes; - --spectrum-button-l-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-textonly-icon-render: no; - --spectrum-button-l-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-textonly-justify-content: center; - --spectrum-button-l-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-textonly-text-transform: none; - --spectrum-button-l-primary-outline-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-textonly-text-render: yes; - --spectrum-button-l-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-textonly-icon-render: no; - --spectrum-button-l-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-textonly-justify-content: center; - --spectrum-button-l-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-textonly-text-transform: none; - --spectrum-button-l-negative-outline-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-textonly-text-render: yes; - --spectrum-button-l-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-textonly-icon-render: no; - --spectrum-button-l-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-textonly-justify-content: center; - --spectrum-button-l-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-icononly-text-render: no; - --spectrum-button-xl-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-icononly-text-render: no; - --spectrum-button-xl-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-icononly-text-render: no; - --spectrum-button-xl-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-icononly-text-transform: none; - --spectrum-button-s-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-icononly-text-render: no; - --spectrum-button-s-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-white-icononly-justify-content: center; - --spectrum-button-s-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-icononly-text-transform: none; - --spectrum-button-s-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-icononly-text-render: no; - --spectrum-button-s-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-white-icononly-justify-content: center; - --spectrum-button-s-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-icononly-text-render: no; - --spectrum-button-s-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-icononly-text-transform: none; - --spectrum-button-s-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-icononly-text-render: no; - --spectrum-button-s-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-white-icononly-justify-content: center; - --spectrum-button-s-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-texticon-text-transform: none; - --spectrum-button-s-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-texticon-text-render: yes; - --spectrum-button-s-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-white-texticon-justify-content: center; - --spectrum-button-s-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-texticon-text-transform: none; - --spectrum-button-s-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-texticon-text-render: yes; - --spectrum-button-s-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-white-texticon-justify-content: center; - --spectrum-button-s-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-texticon-text-transform: none; - --spectrum-button-s-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-texticon-text-render: yes; - --spectrum-button-s-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-white-texticon-justify-content: center; - --spectrum-button-s-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-textonly-text-transform: none; - --spectrum-button-s-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-textonly-text-render: yes; - --spectrum-button-s-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-white-textonly-icon-render: no; - --spectrum-button-s-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-white-textonly-justify-content: center; - --spectrum-button-s-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-textonly-text-transform: none; - --spectrum-button-s-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-textonly-text-render: yes; - --spectrum-button-s-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-white-textonly-icon-render: no; - --spectrum-button-s-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-white-textonly-justify-content: center; - --spectrum-button-s-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-textonly-text-transform: none; - --spectrum-button-s-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-textonly-text-render: yes; - --spectrum-button-s-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-white-textonly-icon-render: no; - --spectrum-button-s-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-white-textonly-justify-content: center; - --spectrum-button-s-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-icononly-text-transform: none; - --spectrum-button-m-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-icononly-text-render: no; - --spectrum-button-m-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-white-icononly-justify-content: center; - --spectrum-button-m-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-icononly-text-transform: none; - --spectrum-button-m-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-icononly-text-render: no; - --spectrum-button-m-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-white-icononly-justify-content: center; - --spectrum-button-m-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-icononly-text-render: no; - --spectrum-button-m-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-icononly-text-transform: none; - --spectrum-button-m-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-icononly-text-render: no; - --spectrum-button-m-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-white-icononly-justify-content: center; - --spectrum-button-m-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-texticon-text-transform: none; - --spectrum-button-m-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-texticon-text-render: yes; - --spectrum-button-m-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-white-texticon-justify-content: center; - --spectrum-button-m-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-texticon-text-transform: none; - --spectrum-button-m-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-texticon-text-render: yes; - --spectrum-button-m-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-white-texticon-justify-content: center; - --spectrum-button-m-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-texticon-text-transform: none; - --spectrum-button-m-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-texticon-text-render: yes; - --spectrum-button-m-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-white-texticon-justify-content: center; - --spectrum-button-m-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-textonly-text-transform: none; - --spectrum-button-m-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-textonly-text-render: yes; - --spectrum-button-m-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-white-textonly-icon-render: no; - --spectrum-button-m-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-white-textonly-justify-content: center; - --spectrum-button-m-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-textonly-text-transform: none; - --spectrum-button-m-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-textonly-text-render: yes; - --spectrum-button-m-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-white-textonly-icon-render: no; - --spectrum-button-m-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-white-textonly-justify-content: center; - --spectrum-button-m-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-textonly-text-transform: none; - --spectrum-button-m-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-textonly-text-render: yes; - --spectrum-button-m-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-white-textonly-icon-render: no; - --spectrum-button-m-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-white-textonly-justify-content: center; - --spectrum-button-m-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-icononly-text-transform: none; - --spectrum-button-l-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-icononly-text-render: no; - --spectrum-button-l-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-white-icononly-justify-content: center; - --spectrum-button-l-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-icononly-text-transform: none; - --spectrum-button-l-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-icononly-text-render: no; - --spectrum-button-l-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-white-icononly-justify-content: center; - --spectrum-button-l-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-icononly-text-render: no; - --spectrum-button-l-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-icononly-text-transform: none; - --spectrum-button-l-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-icononly-text-render: no; - --spectrum-button-l-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-white-icononly-justify-content: center; - --spectrum-button-l-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-texticon-text-transform: none; - --spectrum-button-l-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-texticon-text-render: yes; - --spectrum-button-l-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-white-texticon-justify-content: center; - --spectrum-button-l-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-texticon-text-transform: none; - --spectrum-button-l-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-texticon-text-render: yes; - --spectrum-button-l-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-white-texticon-justify-content: center; - --spectrum-button-l-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-texticon-text-transform: none; - --spectrum-button-l-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-texticon-text-render: yes; - --spectrum-button-l-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-white-texticon-justify-content: center; - --spectrum-button-l-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-textonly-text-transform: none; - --spectrum-button-l-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-textonly-text-render: yes; - --spectrum-button-l-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-white-textonly-icon-render: no; - --spectrum-button-l-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-white-textonly-justify-content: center; - --spectrum-button-l-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-textonly-text-transform: none; - --spectrum-button-l-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-textonly-text-render: yes; - --spectrum-button-l-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-white-textonly-icon-render: no; - --spectrum-button-l-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-white-textonly-justify-content: center; - --spectrum-button-l-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-textonly-text-transform: none; - --spectrum-button-l-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-textonly-text-render: yes; - --spectrum-button-l-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-white-textonly-icon-render: no; - --spectrum-button-l-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-white-textonly-justify-content: center; - --spectrum-button-l-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-icononly-text-render: no; - --spectrum-button-xl-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-white-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-icononly-text-render: no; - --spectrum-button-xl-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-white-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-icononly-text-render: no; - --spectrum-button-xl-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-white-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-white-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-white-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-white-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-white-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-white-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-white-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-white-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-white-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-white-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-icononly-text-transform: none; - --spectrum-button-s-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-icononly-text-render: no; - --spectrum-button-s-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-white-icononly-justify-content: center; - --spectrum-button-s-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-icononly-text-transform: none; - --spectrum-button-s-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-icononly-text-render: no; - --spectrum-button-s-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-white-icononly-justify-content: center; - --spectrum-button-s-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-icononly-text-render: no; - --spectrum-button-s-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-icononly-text-transform: none; - --spectrum-button-s-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-icononly-text-render: no; - --spectrum-button-s-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-white-icononly-justify-content: center; - --spectrum-button-s-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-texticon-text-transform: none; - --spectrum-button-s-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-texticon-text-render: yes; - --spectrum-button-s-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-white-texticon-justify-content: center; - --spectrum-button-s-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-texticon-text-transform: none; - --spectrum-button-s-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-texticon-text-render: yes; - --spectrum-button-s-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-white-texticon-justify-content: center; - --spectrum-button-s-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-texticon-text-transform: none; - --spectrum-button-s-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-texticon-text-render: yes; - --spectrum-button-s-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-white-texticon-justify-content: center; - --spectrum-button-s-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-textonly-text-transform: none; - --spectrum-button-s-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-textonly-text-render: yes; - --spectrum-button-s-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-white-textonly-icon-render: no; - --spectrum-button-s-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-white-textonly-justify-content: center; - --spectrum-button-s-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-textonly-text-transform: none; - --spectrum-button-s-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-textonly-text-render: yes; - --spectrum-button-s-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-white-textonly-icon-render: no; - --spectrum-button-s-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-white-textonly-justify-content: center; - --spectrum-button-s-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-textonly-text-transform: none; - --spectrum-button-s-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-textonly-text-render: yes; - --spectrum-button-s-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-white-textonly-icon-render: no; - --spectrum-button-s-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-white-textonly-justify-content: center; - --spectrum-button-s-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-icononly-text-transform: none; - --spectrum-button-m-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-icononly-text-render: no; - --spectrum-button-m-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-white-icononly-justify-content: center; - --spectrum-button-m-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-icononly-text-transform: none; - --spectrum-button-m-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-icononly-text-render: no; - --spectrum-button-m-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-white-icononly-justify-content: center; - --spectrum-button-m-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-icononly-text-render: no; - --spectrum-button-m-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-icononly-text-transform: none; - --spectrum-button-m-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-icononly-text-render: no; - --spectrum-button-m-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-white-icononly-justify-content: center; - --spectrum-button-m-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-texticon-text-transform: none; - --spectrum-button-m-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-texticon-text-render: yes; - --spectrum-button-m-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-white-texticon-justify-content: center; - --spectrum-button-m-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-texticon-text-transform: none; - --spectrum-button-m-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-texticon-text-render: yes; - --spectrum-button-m-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-white-texticon-justify-content: center; - --spectrum-button-m-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-texticon-text-transform: none; - --spectrum-button-m-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-texticon-text-render: yes; - --spectrum-button-m-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-white-texticon-justify-content: center; - --spectrum-button-m-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-textonly-text-transform: none; - --spectrum-button-m-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-textonly-text-render: yes; - --spectrum-button-m-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-white-textonly-icon-render: no; - --spectrum-button-m-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-white-textonly-justify-content: center; - --spectrum-button-m-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-textonly-text-transform: none; - --spectrum-button-m-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-textonly-text-render: yes; - --spectrum-button-m-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-white-textonly-icon-render: no; - --spectrum-button-m-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-white-textonly-justify-content: center; - --spectrum-button-m-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-textonly-text-transform: none; - --spectrum-button-m-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-textonly-text-render: yes; - --spectrum-button-m-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-white-textonly-icon-render: no; - --spectrum-button-m-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-white-textonly-justify-content: center; - --spectrum-button-m-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-icononly-text-transform: none; - --spectrum-button-l-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-icononly-text-render: no; - --spectrum-button-l-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-white-icononly-justify-content: center; - --spectrum-button-l-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-icononly-text-transform: none; - --spectrum-button-l-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-icononly-text-render: no; - --spectrum-button-l-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-white-icononly-justify-content: center; - --spectrum-button-l-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-icononly-text-render: no; - --spectrum-button-l-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-icononly-text-transform: none; - --spectrum-button-l-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-icononly-text-render: no; - --spectrum-button-l-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-white-icononly-justify-content: center; - --spectrum-button-l-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-texticon-text-transform: none; - --spectrum-button-l-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-texticon-text-render: yes; - --spectrum-button-l-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-white-texticon-justify-content: center; - --spectrum-button-l-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-texticon-text-transform: none; - --spectrum-button-l-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-texticon-text-render: yes; - --spectrum-button-l-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-white-texticon-justify-content: center; - --spectrum-button-l-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-texticon-text-transform: none; - --spectrum-button-l-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-texticon-text-render: yes; - --spectrum-button-l-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-white-texticon-justify-content: center; - --spectrum-button-l-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-textonly-text-transform: none; - --spectrum-button-l-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-textonly-text-render: yes; - --spectrum-button-l-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-white-textonly-icon-render: no; - --spectrum-button-l-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-white-textonly-justify-content: center; - --spectrum-button-l-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-textonly-text-transform: none; - --spectrum-button-l-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-textonly-text-render: yes; - --spectrum-button-l-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-white-textonly-icon-render: no; - --spectrum-button-l-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-white-textonly-justify-content: center; - --spectrum-button-l-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-textonly-text-transform: none; - --spectrum-button-l-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-textonly-text-render: yes; - --spectrum-button-l-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-white-textonly-icon-render: no; - --spectrum-button-l-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-white-textonly-justify-content: center; - --spectrum-button-l-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-icononly-text-render: no; - --spectrum-button-xl-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-white-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-icononly-text-render: no; - --spectrum-button-xl-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-white-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-icononly-text-render: no; - --spectrum-button-xl-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-white-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-white-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-white-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-white-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-white-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-white-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-white-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-white-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-white-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-white-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-icononly-text-transform: none; - --spectrum-button-s-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-icononly-text-render: no; - --spectrum-button-s-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-black-icononly-justify-content: center; - --spectrum-button-s-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-icononly-text-transform: none; - --spectrum-button-s-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-icononly-text-render: no; - --spectrum-button-s-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-black-icononly-justify-content: center; - --spectrum-button-s-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-icononly-text-render: no; - --spectrum-button-s-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-icononly-text-transform: none; - --spectrum-button-s-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-icononly-text-render: no; - --spectrum-button-s-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-black-icononly-justify-content: center; - --spectrum-button-s-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-texticon-text-transform: none; - --spectrum-button-s-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-texticon-text-render: yes; - --spectrum-button-s-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-black-texticon-justify-content: center; - --spectrum-button-s-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-texticon-text-transform: none; - --spectrum-button-s-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-texticon-text-render: yes; - --spectrum-button-s-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-black-texticon-justify-content: center; - --spectrum-button-s-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-texticon-text-transform: none; - --spectrum-button-s-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-texticon-text-render: yes; - --spectrum-button-s-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-black-texticon-justify-content: center; - --spectrum-button-s-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-textonly-text-transform: none; - --spectrum-button-s-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-textonly-text-render: yes; - --spectrum-button-s-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-black-textonly-icon-render: no; - --spectrum-button-s-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-black-textonly-justify-content: center; - --spectrum-button-s-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-textonly-text-transform: none; - --spectrum-button-s-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-textonly-text-render: yes; - --spectrum-button-s-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-black-textonly-icon-render: no; - --spectrum-button-s-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-black-textonly-justify-content: center; - --spectrum-button-s-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-textonly-text-transform: none; - --spectrum-button-s-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-textonly-text-render: yes; - --spectrum-button-s-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-black-textonly-icon-render: no; - --spectrum-button-s-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-black-textonly-justify-content: center; - --spectrum-button-s-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-icononly-text-transform: none; - --spectrum-button-m-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-icononly-text-render: no; - --spectrum-button-m-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-black-icononly-justify-content: center; - --spectrum-button-m-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-icononly-text-transform: none; - --spectrum-button-m-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-icononly-text-render: no; - --spectrum-button-m-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-black-icononly-justify-content: center; - --spectrum-button-m-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-icononly-text-render: no; - --spectrum-button-m-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-icononly-text-transform: none; - --spectrum-button-m-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-icononly-text-render: no; - --spectrum-button-m-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-black-icononly-justify-content: center; - --spectrum-button-m-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-texticon-text-transform: none; - --spectrum-button-m-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-texticon-text-render: yes; - --spectrum-button-m-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-black-texticon-justify-content: center; - --spectrum-button-m-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-texticon-text-transform: none; - --spectrum-button-m-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-texticon-text-render: yes; - --spectrum-button-m-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-black-texticon-justify-content: center; - --spectrum-button-m-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-texticon-text-transform: none; - --spectrum-button-m-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-texticon-text-render: yes; - --spectrum-button-m-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-black-texticon-justify-content: center; - --spectrum-button-m-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-textonly-text-transform: none; - --spectrum-button-m-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-textonly-text-render: yes; - --spectrum-button-m-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-black-textonly-icon-render: no; - --spectrum-button-m-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-black-textonly-justify-content: center; - --spectrum-button-m-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-textonly-text-transform: none; - --spectrum-button-m-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-textonly-text-render: yes; - --spectrum-button-m-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-black-textonly-icon-render: no; - --spectrum-button-m-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-black-textonly-justify-content: center; - --spectrum-button-m-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-textonly-text-transform: none; - --spectrum-button-m-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-textonly-text-render: yes; - --spectrum-button-m-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-black-textonly-icon-render: no; - --spectrum-button-m-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-black-textonly-justify-content: center; - --spectrum-button-m-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-icononly-text-transform: none; - --spectrum-button-l-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-icononly-text-render: no; - --spectrum-button-l-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-black-icononly-justify-content: center; - --spectrum-button-l-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-icononly-text-transform: none; - --spectrum-button-l-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-icononly-text-render: no; - --spectrum-button-l-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-black-icononly-justify-content: center; - --spectrum-button-l-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-icononly-text-render: no; - --spectrum-button-l-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-icononly-text-transform: none; - --spectrum-button-l-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-icononly-text-render: no; - --spectrum-button-l-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-black-icononly-justify-content: center; - --spectrum-button-l-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-texticon-text-transform: none; - --spectrum-button-l-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-texticon-text-render: yes; - --spectrum-button-l-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-black-texticon-justify-content: center; - --spectrum-button-l-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-texticon-text-transform: none; - --spectrum-button-l-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-texticon-text-render: yes; - --spectrum-button-l-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-black-texticon-justify-content: center; - --spectrum-button-l-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-texticon-text-transform: none; - --spectrum-button-l-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-texticon-text-render: yes; - --spectrum-button-l-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-black-texticon-justify-content: center; - --spectrum-button-l-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-textonly-text-transform: none; - --spectrum-button-l-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-textonly-text-render: yes; - --spectrum-button-l-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-black-textonly-icon-render: no; - --spectrum-button-l-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-black-textonly-justify-content: center; - --spectrum-button-l-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-textonly-text-transform: none; - --spectrum-button-l-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-textonly-text-render: yes; - --spectrum-button-l-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-black-textonly-icon-render: no; - --spectrum-button-l-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-black-textonly-justify-content: center; - --spectrum-button-l-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-textonly-text-transform: none; - --spectrum-button-l-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-textonly-text-render: yes; - --spectrum-button-l-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-black-textonly-icon-render: no; - --spectrum-button-l-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-black-textonly-justify-content: center; - --spectrum-button-l-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-icononly-text-render: no; - --spectrum-button-xl-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-black-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-icononly-text-render: no; - --spectrum-button-xl-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-black-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-icononly-text-render: no; - --spectrum-button-xl-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-black-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-black-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-black-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-black-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-black-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-black-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-black-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-black-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-black-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-black-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-icononly-text-transform: none; - --spectrum-button-s-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-icononly-text-render: no; - --spectrum-button-s-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-black-icononly-justify-content: center; - --spectrum-button-s-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-icononly-text-transform: none; - --spectrum-button-s-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-icononly-text-render: no; - --spectrum-button-s-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-black-icononly-justify-content: center; - --spectrum-button-s-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-icononly-text-render: no; - --spectrum-button-s-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-icononly-text-transform: none; - --spectrum-button-s-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-icononly-text-render: no; - --spectrum-button-s-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-black-icononly-justify-content: center; - --spectrum-button-s-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-texticon-text-transform: none; - --spectrum-button-s-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-texticon-text-render: yes; - --spectrum-button-s-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-black-texticon-justify-content: center; - --spectrum-button-s-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-texticon-text-transform: none; - --spectrum-button-s-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-texticon-text-render: yes; - --spectrum-button-s-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-black-texticon-justify-content: center; - --spectrum-button-s-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-texticon-text-transform: none; - --spectrum-button-s-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-texticon-text-render: yes; - --spectrum-button-s-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-black-texticon-justify-content: center; - --spectrum-button-s-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-textonly-text-transform: none; - --spectrum-button-s-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-textonly-text-render: yes; - --spectrum-button-s-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-black-textonly-icon-render: no; - --spectrum-button-s-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-black-textonly-justify-content: center; - --spectrum-button-s-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-textonly-text-transform: none; - --spectrum-button-s-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-textonly-text-render: yes; - --spectrum-button-s-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-black-textonly-icon-render: no; - --spectrum-button-s-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-black-textonly-justify-content: center; - --spectrum-button-s-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-textonly-text-transform: none; - --spectrum-button-s-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-textonly-text-render: yes; - --spectrum-button-s-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-black-textonly-icon-render: no; - --spectrum-button-s-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-black-textonly-justify-content: center; - --spectrum-button-s-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-icononly-text-transform: none; - --spectrum-button-m-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-icononly-text-render: no; - --spectrum-button-m-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-black-icononly-justify-content: center; - --spectrum-button-m-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-icononly-text-transform: none; - --spectrum-button-m-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-icononly-text-render: no; - --spectrum-button-m-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-black-icononly-justify-content: center; - --spectrum-button-m-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-icononly-text-render: no; - --spectrum-button-m-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-icononly-text-transform: none; - --spectrum-button-m-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-icononly-text-render: no; - --spectrum-button-m-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-black-icononly-justify-content: center; - --spectrum-button-m-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-texticon-text-transform: none; - --spectrum-button-m-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-texticon-text-render: yes; - --spectrum-button-m-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-black-texticon-justify-content: center; - --spectrum-button-m-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-texticon-text-transform: none; - --spectrum-button-m-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-texticon-text-render: yes; - --spectrum-button-m-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-black-texticon-justify-content: center; - --spectrum-button-m-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-texticon-text-transform: none; - --spectrum-button-m-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-texticon-text-render: yes; - --spectrum-button-m-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-black-texticon-justify-content: center; - --spectrum-button-m-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-textonly-text-transform: none; - --spectrum-button-m-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-textonly-text-render: yes; - --spectrum-button-m-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-black-textonly-icon-render: no; - --spectrum-button-m-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-black-textonly-justify-content: center; - --spectrum-button-m-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-textonly-text-transform: none; - --spectrum-button-m-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-textonly-text-render: yes; - --spectrum-button-m-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-black-textonly-icon-render: no; - --spectrum-button-m-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-black-textonly-justify-content: center; - --spectrum-button-m-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-textonly-text-transform: none; - --spectrum-button-m-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-textonly-text-render: yes; - --spectrum-button-m-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-black-textonly-icon-render: no; - --spectrum-button-m-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-black-textonly-justify-content: center; - --spectrum-button-m-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-icononly-text-transform: none; - --spectrum-button-l-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-icononly-text-render: no; - --spectrum-button-l-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-black-icononly-justify-content: center; - --spectrum-button-l-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-icononly-text-transform: none; - --spectrum-button-l-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-icononly-text-render: no; - --spectrum-button-l-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-black-icononly-justify-content: center; - --spectrum-button-l-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-icononly-text-render: no; - --spectrum-button-l-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-icononly-text-transform: none; - --spectrum-button-l-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-icononly-text-render: no; - --spectrum-button-l-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-black-icononly-justify-content: center; - --spectrum-button-l-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-texticon-text-transform: none; - --spectrum-button-l-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-texticon-text-render: yes; - --spectrum-button-l-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-black-texticon-justify-content: center; - --spectrum-button-l-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-texticon-text-transform: none; - --spectrum-button-l-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-texticon-text-render: yes; - --spectrum-button-l-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-black-texticon-justify-content: center; - --spectrum-button-l-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-texticon-text-transform: none; - --spectrum-button-l-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-texticon-text-render: yes; - --spectrum-button-l-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-black-texticon-justify-content: center; - --spectrum-button-l-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-textonly-text-transform: none; - --spectrum-button-l-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-textonly-text-render: yes; - --spectrum-button-l-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-black-textonly-icon-render: no; - --spectrum-button-l-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-black-textonly-justify-content: center; - --spectrum-button-l-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-textonly-text-transform: none; - --spectrum-button-l-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-textonly-text-render: yes; - --spectrum-button-l-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-black-textonly-icon-render: no; - --spectrum-button-l-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-black-textonly-justify-content: center; - --spectrum-button-l-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-textonly-text-transform: none; - --spectrum-button-l-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-textonly-text-render: yes; - --spectrum-button-l-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-black-textonly-icon-render: no; - --spectrum-button-l-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-black-textonly-justify-content: center; - --spectrum-button-l-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-icononly-text-render: no; - --spectrum-button-xl-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-black-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-icononly-text-render: no; - --spectrum-button-xl-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-black-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-icononly-text-render: no; - --spectrum-button-xl-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-black-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-black-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-black-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-black-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-black-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-black-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-black-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-black-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-black-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-black-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/expressvars/css/components/spectrum-buttongroup.css b/components/expressvars/css/components/spectrum-buttongroup.css deleted file mode 100644 index 268aa69fc49..00000000000 --- a/components/expressvars/css/components/spectrum-buttongroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-buttongroup-button-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-buttongroup-button-gap-y: var(--spectrum-global-dimension-static-size-200); -} diff --git a/components/expressvars/css/components/spectrum-calendar.css b/components/expressvars/css/components/spectrum-calendar.css deleted file mode 100644 index ef83f83744b..00000000000 --- a/components/expressvars/css/components/spectrum-calendar.css +++ /dev/null @@ -1,168 +0,0 @@ -:root { - --spectrum-calendar-day-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-today-border-color-selected: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-selected-disabled: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-down: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-selected-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-hover: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-key-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-selected-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-mouse-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-today-border-color-selected-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-disabled: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color: var(--spectrum-alias-text-color); - --spectrum-calendar-day-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color: var(--spectrum-alias-text-color); - --spectrum-calendar-day-today-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-calendar-day-text-font-weight-down: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-calendar-day-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-calendar-day-today-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-calendar-day-today-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-hover: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-today-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-key-focus: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-calendar-day-text-font-weight-mouse-focus: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-calendar-day-today-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-cap-selected-disabled: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-cap-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-cap-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-cap-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color-cap-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-down: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-hover: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-key-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-cap-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-cap-selected-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-mouse-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-mouse-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-mouse-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-button-icon-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-day-title-text-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-day-title-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-text-transform: none; - --spectrum-calendar-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-calendar-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-calendar-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-calendar-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-calendar-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-calendar-text-text-transform: none; - --spectrum-calendar-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-calendar-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-calendar-title-height: var(--spectrum-global-dimension-static-size-400); - --spectrum-calendar-title-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-calendar-day-title-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-title-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-calendar-day-title-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-calendar-day-title-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-title-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-calendar-day-title-text-transform: uppercase; - --spectrum-calendar-day-title-margin-top: 0px; - --spectrum-calendar-day-title-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-calendar-day-title-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-calendar-day-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-calendar-day-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-calendar-day-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-calendar-day-text-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-text-size-han: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-text-font-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-width: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-height: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-padding: var(--spectrum-global-dimension-static-size-50); - --spectrum-calendar-day-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-calendar-day-today-text-font-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-today-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-today-width: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-today-height: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-today-padding: var(--spectrum-global-dimension-static-size-50); - --spectrum-calendar-day-today-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-calendar-width: 250px; -} diff --git a/components/expressvars/css/components/spectrum-card.css b/components/expressvars/css/components/spectrum-card.css deleted file mode 100644 index dbe6656be9b..00000000000 --- a/components/expressvars/css/components/spectrum-card.css +++ /dev/null @@ -1,254 +0,0 @@ -:root { - --spectrum-card-s-quiet-preview-background-color-selected: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color-selected-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-preview-background-color-selected-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-preview-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-preview-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-preview-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-s-quiet-preview-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-s-quiet-preview-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-coverphoto-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-s-quiet-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-quiet-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-s-quiet-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-header-height: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-quiet-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-s-quiet-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-quiet-body-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-body-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-body-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-body-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-body-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-text-transform: none; - --spectrum-card-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-s-quiet-text-text-transform: none; - --spectrum-card-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-quiet-coverphoto-height: auto; - --spectrum-card-s-quiet-coverphoto-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-preview-padding: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-quiet-checkbox-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-quiet-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-quiet-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-s-quiet-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-s-quiet-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-s-quiet-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-quiet-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-s-quiet-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-card-s-quiet-min-height: var(--spectrum-global-dimension-size-900); - --spectrum-card-s-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-s-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-s-preview-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-preview-background-color-selected-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-preview-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-preview-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-preview-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-s-preview-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-s-preview-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-coverphoto-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-s-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-s-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-header-height: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-s-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-body-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-card-s-body-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-card-s-text-transform: none; - --spectrum-card-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-s-text-text-transform: none; - --spectrum-card-s-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-coverphoto-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-s-coverphoto-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-s-preview-padding: var(--spectrum-global-dimension-size-0); - --spectrum-card-s-checkbox-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-s-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-s-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-s-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-s-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-card-s-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-s-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-quiet-preview-background-color-selected: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color-selected-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-preview-background-color-selected-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-preview-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-preview-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-preview-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-m-quiet-preview-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-m-quiet-preview-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-coverphoto-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-m-quiet-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-quiet-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-m-quiet-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-header-height: var(--spectrum-global-dimension-size-225); - --spectrum-card-m-quiet-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-m-quiet-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-quiet-body-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-body-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-body-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-text-transform: none; - --spectrum-card-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-m-quiet-text-text-transform: none; - --spectrum-card-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-quiet-coverphoto-height: auto; - --spectrum-card-m-quiet-coverphoto-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-preview-padding: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-quiet-checkbox-margin: var(--spectrum-global-dimension-size-200); - --spectrum-card-m-quiet-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-quiet-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-m-quiet-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-m-quiet-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-m-quiet-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-m-quiet-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-m-quiet-min-width: var(--spectrum-global-dimension-size-2500); - --spectrum-card-m-quiet-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-m-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-preview-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-preview-background-color-selected-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-preview-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-preview-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-preview-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-m-preview-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-m-preview-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-coverphoto-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-m-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-m-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-header-height: var(--spectrum-global-dimension-size-225); - --spectrum-card-m-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-m-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-body-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-card-m-body-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-card-m-text-transform: none; - --spectrum-card-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-m-text-text-transform: none; - --spectrum-card-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-coverphoto-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-coverphoto-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-preview-padding: var(--spectrum-global-dimension-size-0); - --spectrum-card-m-checkbox-margin: var(--spectrum-global-dimension-size-200); - --spectrum-card-m-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-m-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-m-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-m-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-m-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-m-min-width: var(--spectrum-global-dimension-size-2500); - --spectrum-card-m-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-m-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-checkbox.css b/components/expressvars/css/components/spectrum-checkbox.css deleted file mode 100644 index b374cb2de2a..00000000000 --- a/components/expressvars/css/components/spectrum-checkbox.css +++ /dev/null @@ -1,2342 +0,0 @@ -:root { - --spectrum-checkbox-s-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-s-emphasized-box-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-emphasized-box-margin-top: 0; - --spectrum-checkbox-s-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-s-emphasized-box-layout: row; - --spectrum-checkbox-s-emphasized-box-align-items: center; - --spectrum-checkbox-s-emphasized-box-justify-content: center; - --spectrum-checkbox-s-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-s-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-s-emphasized-box-padding: 0; - --spectrum-checkbox-s-emphasized-box-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-emphasized-box-size: var(--spectrum-alias-control-two-size-s); - --spectrum-checkbox-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-emphasized-text-transform: none; - --spectrum-checkbox-s-emphasized-text-render: yes; - --spectrum-checkbox-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-s-emphasized-text-text-transform: none; - --spectrum-checkbox-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-s-emphasized-checkmark-render: no; - --spectrum-checkbox-s-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-checkbox-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-s-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-emphasized-layout: inline-row; - --spectrum-checkbox-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-checkbox-s-emphasized-margin-bottom: 0px; - --spectrum-checkbox-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error: no; - --spectrum-checkbox-s-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected: no; - --spectrum-checkbox-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-down: no; - --spectrum-checkbox-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-hover: no; - --spectrum-checkbox-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render: no; - --spectrum-checkbox-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-down: no; - --spectrum-checkbox-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-hover: no; - --spectrum-checkbox-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-s-box-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-box-margin-top: 0; - --spectrum-checkbox-s-box-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-box-margin-bottom: 0; - --spectrum-checkbox-s-box-layout: row; - --spectrum-checkbox-s-box-align-items: center; - --spectrum-checkbox-s-box-justify-content: center; - --spectrum-checkbox-s-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-s-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-s-box-padding: 0; - --spectrum-checkbox-s-box-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-box-size: var(--spectrum-alias-control-two-size-s); - --spectrum-checkbox-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-text-transform: none; - --spectrum-checkbox-s-text-render: yes; - --spectrum-checkbox-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-s-text-text-transform: none; - --spectrum-checkbox-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-checkmark-type: ui-icon; - --spectrum-checkbox-s-checkmark-render: no; - --spectrum-checkbox-s-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-checkbox-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-s-focus-ring-type: focusring; - --spectrum-checkbox-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-layout: inline-row; - --spectrum-checkbox-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-checkbox-s-margin-bottom: 0px; - --spectrum-checkbox-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-m-emphasized-box-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-margin-top: 0; - --spectrum-checkbox-m-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-m-emphasized-box-layout: row; - --spectrum-checkbox-m-emphasized-box-align-items: center; - --spectrum-checkbox-m-emphasized-box-justify-content: center; - --spectrum-checkbox-m-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-m-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-m-emphasized-box-padding: 0; - --spectrum-checkbox-m-emphasized-box-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-emphasized-box-size: var(--spectrum-alias-control-two-size-m); - --spectrum-checkbox-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-emphasized-text-transform: none; - --spectrum-checkbox-m-emphasized-text-render: yes; - --spectrum-checkbox-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-m-emphasized-text-text-transform: none; - --spectrum-checkbox-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-m-emphasized-checkmark-render: no; - --spectrum-checkbox-m-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-checkbox-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-m-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-emphasized-layout: inline-row; - --spectrum-checkbox-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-checkbox-m-emphasized-margin-bottom: 0px; - --spectrum-checkbox-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error: no; - --spectrum-checkbox-m-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected: no; - --spectrum-checkbox-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-down: no; - --spectrum-checkbox-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-hover: no; - --spectrum-checkbox-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render: no; - --spectrum-checkbox-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-down: no; - --spectrum-checkbox-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-hover: no; - --spectrum-checkbox-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-m-box-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-box-margin-top: 0; - --spectrum-checkbox-m-box-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-box-margin-bottom: 0; - --spectrum-checkbox-m-box-layout: row; - --spectrum-checkbox-m-box-align-items: center; - --spectrum-checkbox-m-box-justify-content: center; - --spectrum-checkbox-m-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-m-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-m-box-padding: 0; - --spectrum-checkbox-m-box-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-box-size: var(--spectrum-alias-control-two-size-m); - --spectrum-checkbox-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-text-transform: none; - --spectrum-checkbox-m-text-render: yes; - --spectrum-checkbox-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-m-text-text-transform: none; - --spectrum-checkbox-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-checkmark-type: ui-icon; - --spectrum-checkbox-m-checkmark-render: no; - --spectrum-checkbox-m-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-checkbox-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-m-focus-ring-type: focusring; - --spectrum-checkbox-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-layout: inline-row; - --spectrum-checkbox-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-checkbox-m-margin-bottom: 0px; - --spectrum-checkbox-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-l-emphasized-box-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-emphasized-box-margin-top: 0; - --spectrum-checkbox-l-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-l-emphasized-box-layout: row; - --spectrum-checkbox-l-emphasized-box-align-items: center; - --spectrum-checkbox-l-emphasized-box-justify-content: center; - --spectrum-checkbox-l-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-l-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-l-emphasized-box-padding: 0; - --spectrum-checkbox-l-emphasized-box-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-box-size: var(--spectrum-alias-control-two-size-l); - --spectrum-checkbox-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-text-transform: none; - --spectrum-checkbox-l-emphasized-text-render: yes; - --spectrum-checkbox-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-l-emphasized-text-text-transform: none; - --spectrum-checkbox-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-l-emphasized-checkmark-render: no; - --spectrum-checkbox-l-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-checkbox-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-l-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-emphasized-layout: inline-row; - --spectrum-checkbox-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-checkbox-l-emphasized-margin-bottom: 0px; - --spectrum-checkbox-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error: no; - --spectrum-checkbox-l-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected: no; - --spectrum-checkbox-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-down: no; - --spectrum-checkbox-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-hover: no; - --spectrum-checkbox-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render: no; - --spectrum-checkbox-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-down: no; - --spectrum-checkbox-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-hover: no; - --spectrum-checkbox-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-l-box-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-box-margin-top: 0; - --spectrum-checkbox-l-box-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-box-margin-bottom: 0; - --spectrum-checkbox-l-box-layout: row; - --spectrum-checkbox-l-box-align-items: center; - --spectrum-checkbox-l-box-justify-content: center; - --spectrum-checkbox-l-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-l-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-l-box-padding: 0; - --spectrum-checkbox-l-box-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-box-size: var(--spectrum-alias-control-two-size-l); - --spectrum-checkbox-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-text-transform: none; - --spectrum-checkbox-l-text-render: yes; - --spectrum-checkbox-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-l-text-text-transform: none; - --spectrum-checkbox-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-checkmark-type: ui-icon; - --spectrum-checkbox-l-checkmark-render: no; - --spectrum-checkbox-l-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-checkbox-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-l-focus-ring-type: focusring; - --spectrum-checkbox-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-layout: inline-row; - --spectrum-checkbox-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-checkbox-l-margin-bottom: 0px; - --spectrum-checkbox-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-xl-emphasized-box-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-emphasized-box-margin-top: 0; - --spectrum-checkbox-xl-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-xl-emphasized-box-layout: row; - --spectrum-checkbox-xl-emphasized-box-align-items: center; - --spectrum-checkbox-xl-emphasized-box-justify-content: center; - --spectrum-checkbox-xl-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-xl-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-xl-emphasized-box-padding: 0; - --spectrum-checkbox-xl-emphasized-box-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-emphasized-box-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-checkbox-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-emphasized-text-transform: none; - --spectrum-checkbox-xl-emphasized-text-render: yes; - --spectrum-checkbox-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-checkbox-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-xl-emphasized-text-text-transform: none; - --spectrum-checkbox-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-xl-emphasized-checkmark-render: no; - --spectrum-checkbox-xl-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-checkbox-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-xl-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-emphasized-layout: inline-row; - --spectrum-checkbox-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-checkbox-xl-emphasized-margin-bottom: 0px; - --spectrum-checkbox-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error: no; - --spectrum-checkbox-xl-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected: no; - --spectrum-checkbox-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-down: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render: no; - --spectrum-checkbox-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-down: no; - --spectrum-checkbox-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-xl-box-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-box-margin-top: 0; - --spectrum-checkbox-xl-box-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-box-margin-bottom: 0; - --spectrum-checkbox-xl-box-layout: row; - --spectrum-checkbox-xl-box-align-items: center; - --spectrum-checkbox-xl-box-justify-content: center; - --spectrum-checkbox-xl-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-xl-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-xl-box-padding: 0; - --spectrum-checkbox-xl-box-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-box-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-checkbox-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-text-transform: none; - --spectrum-checkbox-xl-text-render: yes; - --spectrum-checkbox-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-checkbox-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-xl-text-text-transform: none; - --spectrum-checkbox-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-checkmark-type: ui-icon; - --spectrum-checkbox-xl-checkmark-render: no; - --spectrum-checkbox-xl-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-checkbox-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-xl-focus-ring-type: focusring; - --spectrum-checkbox-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-layout: inline-row; - --spectrum-checkbox-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-checkbox-xl-margin-bottom: 0px; - --spectrum-checkbox-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/expressvars/css/components/spectrum-clearbutton.css b/components/expressvars/css/components/spectrum-clearbutton.css deleted file mode 100644 index e96340876ee..00000000000 --- a/components/expressvars/css/components/spectrum-clearbutton.css +++ /dev/null @@ -1,218 +0,0 @@ -:root { - --spectrum-clearbutton-s-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-s-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-s-focusring-render-disabled: no; - --spectrum-clearbutton-s-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-s-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-s-fill-border-color: transparent; - --spectrum-clearbutton-s-focusring-render: no; - --spectrum-clearbutton-s-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-s-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-s-fill-border-color-down: transparent; - --spectrum-clearbutton-s-focusring-render-down: no; - --spectrum-clearbutton-s-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-s-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-s-fill-border-color-hover: transparent; - --spectrum-clearbutton-s-focusring-render-hover: no; - --spectrum-clearbutton-s-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-s-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-s-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-s-focusring-render-key-focus: yes; - --spectrum-clearbutton-s-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-s-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-s-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-s-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-s-focusring-render-mouse-focus: no; - --spectrum-clearbutton-s-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-s-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-clearbutton-s-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-clearbutton-s-fill-layout: row; - --spectrum-clearbutton-s-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-padding-top: 0; - --spectrum-clearbutton-s-fill-padding-bottom: 0; - --spectrum-clearbutton-s-fill-padding-left: 0; - --spectrum-clearbutton-s-fill-padding-right: 0; - --spectrum-clearbutton-s-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-clearbutton-s-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-s-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-focusring-type: focusring; - --spectrum-clearbutton-s-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-s-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-clearbutton-m-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-m-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-m-focusring-render-disabled: no; - --spectrum-clearbutton-m-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-m-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-m-fill-border-color: transparent; - --spectrum-clearbutton-m-focusring-render: no; - --spectrum-clearbutton-m-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-m-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-m-fill-border-color-down: transparent; - --spectrum-clearbutton-m-focusring-render-down: no; - --spectrum-clearbutton-m-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-m-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-m-fill-border-color-hover: transparent; - --spectrum-clearbutton-m-focusring-render-hover: no; - --spectrum-clearbutton-m-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-m-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-m-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-m-focusring-render-key-focus: yes; - --spectrum-clearbutton-m-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-m-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-m-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-m-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-m-focusring-render-mouse-focus: no; - --spectrum-clearbutton-m-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-m-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-clearbutton-m-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-clearbutton-m-fill-layout: row; - --spectrum-clearbutton-m-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-padding-top: 0; - --spectrum-clearbutton-m-fill-padding-bottom: 0; - --spectrum-clearbutton-m-fill-padding-left: 0; - --spectrum-clearbutton-m-fill-padding-right: 0; - --spectrum-clearbutton-m-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-clearbutton-m-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-m-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-focusring-type: focusring; - --spectrum-clearbutton-m-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-m-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-clearbutton-l-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-l-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-l-focusring-render-disabled: no; - --spectrum-clearbutton-l-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-l-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-l-fill-border-color: transparent; - --spectrum-clearbutton-l-focusring-render: no; - --spectrum-clearbutton-l-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-l-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-l-fill-border-color-down: transparent; - --spectrum-clearbutton-l-focusring-render-down: no; - --spectrum-clearbutton-l-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-l-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-l-fill-border-color-hover: transparent; - --spectrum-clearbutton-l-focusring-render-hover: no; - --spectrum-clearbutton-l-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-l-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-l-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-l-focusring-render-key-focus: yes; - --spectrum-clearbutton-l-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-l-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-l-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-l-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-l-focusring-render-mouse-focus: no; - --spectrum-clearbutton-l-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-l-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-clearbutton-l-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-clearbutton-l-fill-layout: row; - --spectrum-clearbutton-l-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-padding-top: 0; - --spectrum-clearbutton-l-fill-padding-bottom: 0; - --spectrum-clearbutton-l-fill-padding-left: 0; - --spectrum-clearbutton-l-fill-padding-right: 0; - --spectrum-clearbutton-l-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-clearbutton-l-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-l-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-focusring-type: focusring; - --spectrum-clearbutton-l-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-l-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-clearbutton-xl-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-xl-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-xl-focusring-render-disabled: no; - --spectrum-clearbutton-xl-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-xl-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-xl-fill-border-color: transparent; - --spectrum-clearbutton-xl-focusring-render: no; - --spectrum-clearbutton-xl-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-xl-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-xl-fill-border-color-down: transparent; - --spectrum-clearbutton-xl-focusring-render-down: no; - --spectrum-clearbutton-xl-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-xl-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-xl-fill-border-color-hover: transparent; - --spectrum-clearbutton-xl-focusring-render-hover: no; - --spectrum-clearbutton-xl-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-xl-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-xl-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-xl-focusring-render-key-focus: yes; - --spectrum-clearbutton-xl-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-xl-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-xl-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-xl-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-xl-focusring-render-mouse-focus: no; - --spectrum-clearbutton-xl-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-xl-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-clearbutton-xl-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-clearbutton-xl-fill-layout: row; - --spectrum-clearbutton-xl-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-padding-top: 0; - --spectrum-clearbutton-xl-fill-padding-bottom: 0; - --spectrum-clearbutton-xl-fill-padding-left: 0; - --spectrum-clearbutton-xl-fill-padding-right: 0; - --spectrum-clearbutton-xl-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-clearbutton-xl-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-xl-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-focusring-type: focusring; - --spectrum-clearbutton-xl-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-xl-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/expressvars/css/components/spectrum-closebutton.css b/components/expressvars/css/components/spectrum-closebutton.css deleted file mode 100644 index 9a80613c2b3..00000000000 --- a/components/expressvars/css/components/spectrum-closebutton.css +++ /dev/null @@ -1,506 +0,0 @@ -:root { - --spectrum-closebutton-s-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-s-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-disabled: no; - --spectrum-closebutton-s-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-disabled: transparent; - --spectrum-closebutton-s-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-s-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render: no; - --spectrum-closebutton-s-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color: transparent; - --spectrum-closebutton-s-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-s-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-down: no; - --spectrum-closebutton-s-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-s-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-s-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-hover: no; - --spectrum-closebutton-s-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-s-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-s-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-s-none-focusring-render-key-focus: yes; - --spectrum-closebutton-s-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-s-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-s-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-none-uiicon-type: ui-icon; - --spectrum-closebutton-s-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-none-uiicon-margin: 0; - --spectrum-closebutton-s-none-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-none-focusring-type: focusring; - --spectrum-closebutton-s-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-none-padding: 0; - --spectrum-closebutton-s-none-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-none-layout: inline-row; - --spectrum-closebutton-s-none-align-items: center; - --spectrum-closebutton-s-none-justify-content: center; - --spectrum-closebutton-s-none-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-s-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-disabled: no; - --spectrum-closebutton-s-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-disabled: transparent; - --spectrum-closebutton-s-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render: no; - --spectrum-closebutton-s-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color: transparent; - --spectrum-closebutton-s-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-down: no; - --spectrum-closebutton-s-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-s-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-hover: no; - --spectrum-closebutton-s-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-s-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-key-focus: yes; - --spectrum-closebutton-s-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-s-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-white-uiicon-type: ui-icon; - --spectrum-closebutton-s-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-white-uiicon-margin: 0; - --spectrum-closebutton-s-white-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-focusring-type: focusring; - --spectrum-closebutton-s-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-white-padding: 0; - --spectrum-closebutton-s-white-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-layout: inline-row; - --spectrum-closebutton-s-white-align-items: center; - --spectrum-closebutton-s-white-justify-content: center; - --spectrum-closebutton-s-white-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-s-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-disabled: no; - --spectrum-closebutton-s-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-disabled: transparent; - --spectrum-closebutton-s-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render: no; - --spectrum-closebutton-s-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color: transparent; - --spectrum-closebutton-s-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-down: no; - --spectrum-closebutton-s-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-s-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-hover: no; - --spectrum-closebutton-s-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-s-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-key-focus: yes; - --spectrum-closebutton-s-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-s-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-black-uiicon-type: ui-icon; - --spectrum-closebutton-s-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-black-uiicon-margin: 0; - --spectrum-closebutton-s-black-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-focusring-type: focusring; - --spectrum-closebutton-s-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-black-padding: 0; - --spectrum-closebutton-s-black-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-layout: inline-row; - --spectrum-closebutton-s-black-align-items: center; - --spectrum-closebutton-s-black-justify-content: center; - --spectrum-closebutton-s-black-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-m-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-m-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-disabled: no; - --spectrum-closebutton-m-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-disabled: transparent; - --spectrum-closebutton-m-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-m-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render: no; - --spectrum-closebutton-m-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color: transparent; - --spectrum-closebutton-m-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-m-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-down: no; - --spectrum-closebutton-m-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-m-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-m-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-hover: no; - --spectrum-closebutton-m-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-m-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-m-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-m-none-focusring-render-key-focus: yes; - --spectrum-closebutton-m-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-m-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-m-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-none-uiicon-type: ui-icon; - --spectrum-closebutton-m-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-none-uiicon-margin: 0; - --spectrum-closebutton-m-none-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-none-focusring-type: focusring; - --spectrum-closebutton-m-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-none-padding: 0; - --spectrum-closebutton-m-none-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-none-layout: inline-row; - --spectrum-closebutton-m-none-align-items: center; - --spectrum-closebutton-m-none-justify-content: center; - --spectrum-closebutton-m-none-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-m-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-disabled: no; - --spectrum-closebutton-m-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-disabled: transparent; - --spectrum-closebutton-m-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render: no; - --spectrum-closebutton-m-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color: transparent; - --spectrum-closebutton-m-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-down: no; - --spectrum-closebutton-m-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-m-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-hover: no; - --spectrum-closebutton-m-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-m-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-key-focus: yes; - --spectrum-closebutton-m-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-m-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-white-uiicon-type: ui-icon; - --spectrum-closebutton-m-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-white-uiicon-margin: 0; - --spectrum-closebutton-m-white-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-focusring-type: focusring; - --spectrum-closebutton-m-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-white-padding: 0; - --spectrum-closebutton-m-white-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-layout: inline-row; - --spectrum-closebutton-m-white-align-items: center; - --spectrum-closebutton-m-white-justify-content: center; - --spectrum-closebutton-m-white-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-m-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-disabled: no; - --spectrum-closebutton-m-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-disabled: transparent; - --spectrum-closebutton-m-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render: no; - --spectrum-closebutton-m-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color: transparent; - --spectrum-closebutton-m-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-down: no; - --spectrum-closebutton-m-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-m-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-hover: no; - --spectrum-closebutton-m-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-m-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-key-focus: yes; - --spectrum-closebutton-m-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-m-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-black-uiicon-type: ui-icon; - --spectrum-closebutton-m-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-black-uiicon-margin: 0; - --spectrum-closebutton-m-black-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-focusring-type: focusring; - --spectrum-closebutton-m-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-black-padding: 0; - --spectrum-closebutton-m-black-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-layout: inline-row; - --spectrum-closebutton-m-black-align-items: center; - --spectrum-closebutton-m-black-justify-content: center; - --spectrum-closebutton-m-black-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-l-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-l-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-disabled: no; - --spectrum-closebutton-l-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-disabled: transparent; - --spectrum-closebutton-l-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-l-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render: no; - --spectrum-closebutton-l-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color: transparent; - --spectrum-closebutton-l-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-l-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-down: no; - --spectrum-closebutton-l-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-l-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-l-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-hover: no; - --spectrum-closebutton-l-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-l-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-l-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-l-none-focusring-render-key-focus: yes; - --spectrum-closebutton-l-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-l-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-l-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-none-uiicon-type: ui-icon; - --spectrum-closebutton-l-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-none-uiicon-margin: 0; - --spectrum-closebutton-l-none-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-none-focusring-type: focusring; - --spectrum-closebutton-l-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-none-padding: 0; - --spectrum-closebutton-l-none-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-none-layout: inline-row; - --spectrum-closebutton-l-none-align-items: center; - --spectrum-closebutton-l-none-justify-content: center; - --spectrum-closebutton-l-none-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-l-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-disabled: no; - --spectrum-closebutton-l-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-disabled: transparent; - --spectrum-closebutton-l-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render: no; - --spectrum-closebutton-l-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color: transparent; - --spectrum-closebutton-l-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-down: no; - --spectrum-closebutton-l-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-l-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-hover: no; - --spectrum-closebutton-l-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-l-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-key-focus: yes; - --spectrum-closebutton-l-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-l-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-white-uiicon-type: ui-icon; - --spectrum-closebutton-l-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-white-uiicon-margin: 0; - --spectrum-closebutton-l-white-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-focusring-type: focusring; - --spectrum-closebutton-l-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-white-padding: 0; - --spectrum-closebutton-l-white-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-layout: inline-row; - --spectrum-closebutton-l-white-align-items: center; - --spectrum-closebutton-l-white-justify-content: center; - --spectrum-closebutton-l-white-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-l-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-disabled: no; - --spectrum-closebutton-l-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-disabled: transparent; - --spectrum-closebutton-l-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render: no; - --spectrum-closebutton-l-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color: transparent; - --spectrum-closebutton-l-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-down: no; - --spectrum-closebutton-l-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-l-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-hover: no; - --spectrum-closebutton-l-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-l-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-key-focus: yes; - --spectrum-closebutton-l-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-l-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-black-uiicon-type: ui-icon; - --spectrum-closebutton-l-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-black-uiicon-margin: 0; - --spectrum-closebutton-l-black-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-focusring-type: focusring; - --spectrum-closebutton-l-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-black-padding: 0; - --spectrum-closebutton-l-black-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-layout: inline-row; - --spectrum-closebutton-l-black-align-items: center; - --spectrum-closebutton-l-black-justify-content: center; - --spectrum-closebutton-l-black-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-xl-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-xl-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-disabled: no; - --spectrum-closebutton-xl-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-disabled: transparent; - --spectrum-closebutton-xl-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-xl-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render: no; - --spectrum-closebutton-xl-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color: transparent; - --spectrum-closebutton-xl-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-xl-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-down: no; - --spectrum-closebutton-xl-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-xl-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-xl-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-hover: no; - --spectrum-closebutton-xl-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-xl-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-xl-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-xl-none-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-xl-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-xl-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-none-uiicon-type: ui-icon; - --spectrum-closebutton-xl-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-none-uiicon-margin: 0; - --spectrum-closebutton-xl-none-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-none-focusring-type: focusring; - --spectrum-closebutton-xl-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-none-padding: 0; - --spectrum-closebutton-xl-none-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-none-layout: inline-row; - --spectrum-closebutton-xl-none-align-items: center; - --spectrum-closebutton-xl-none-justify-content: center; - --spectrum-closebutton-xl-none-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-xl-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-disabled: no; - --spectrum-closebutton-xl-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-disabled: transparent; - --spectrum-closebutton-xl-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render: no; - --spectrum-closebutton-xl-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color: transparent; - --spectrum-closebutton-xl-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-down: no; - --spectrum-closebutton-xl-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-xl-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-hover: no; - --spectrum-closebutton-xl-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-xl-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-xl-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-white-uiicon-type: ui-icon; - --spectrum-closebutton-xl-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-white-uiicon-margin: 0; - --spectrum-closebutton-xl-white-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-focusring-type: focusring; - --spectrum-closebutton-xl-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-white-padding: 0; - --spectrum-closebutton-xl-white-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-layout: inline-row; - --spectrum-closebutton-xl-white-align-items: center; - --spectrum-closebutton-xl-white-justify-content: center; - --spectrum-closebutton-xl-white-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-xl-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-disabled: no; - --spectrum-closebutton-xl-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-disabled: transparent; - --spectrum-closebutton-xl-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render: no; - --spectrum-closebutton-xl-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color: transparent; - --spectrum-closebutton-xl-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-down: no; - --spectrum-closebutton-xl-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-xl-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-hover: no; - --spectrum-closebutton-xl-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-xl-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-xl-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-black-uiicon-type: ui-icon; - --spectrum-closebutton-xl-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-black-uiicon-margin: 0; - --spectrum-closebutton-xl-black-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-focusring-type: focusring; - --spectrum-closebutton-xl-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-black-padding: 0; - --spectrum-closebutton-xl-black-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-layout: inline-row; - --spectrum-closebutton-xl-black-align-items: center; - --spectrum-closebutton-xl-black-justify-content: center; - --spectrum-closebutton-xl-black-border-radius: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-coachmark.css b/components/expressvars/css/components/spectrum-coachmark.css deleted file mode 100644 index 51386c53331..00000000000 --- a/components/expressvars/css/components/spectrum-coachmark.css +++ /dev/null @@ -1,192 +0,0 @@ -:root { - --spectrum-coachmark-quiet-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-quiet-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-quiet-content-text-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-quiet-content-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-quiet-step-text-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-quiet-step-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-quiet-indicator-ring-default-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-quiet-indicator-ring-low-contrast-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-quiet-indicator-ring-high-contrast-color: var(--spectrum-global-color-gray-900); - --spectrum-coachmark-quiet-indicator-ring-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-quiet-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-coachmark-quiet-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-coachmark-quiet-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-quiet-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-quiet-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-quiet-title-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-title-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-quiet-title-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-quiet-title-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-coachmark-quiet-title-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-coachmark-quiet-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-quiet-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-title-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-title-text-transform: none; - --spectrum-coachmark-quiet-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-content-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-content-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-quiet-content-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-quiet-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-content-margin-top: 0px; - --spectrum-coachmark-quiet-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-quiet-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-content-text-transform: none; - --spectrum-coachmark-quiet-step-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-step-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-step-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-quiet-step-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-step-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-step-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-quiet-step-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-step-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-step-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-step-margin-top: 0px; - --spectrum-coachmark-quiet-step-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-coachmark-quiet-step-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-quiet-step-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-step-text-transform: none; - --spectrum-coachmark-quiet-indicator-ring-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-coachmark-quiet-indicator-ring-diameter: var(--spectrum-global-dimension-size-100); - --spectrum-coachmark-quiet-indicator-gap: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-padding-x: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-padding-y: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-coachmark-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-coachmark-quiet-min-width: var(--spectrum-global-dimension-size-3400); - --spectrum-coachmark-quiet-max-width: var(--spectrum-global-dimension-size-5000); - --spectrum-coachmark-quiet-padding: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-elevation: 2dp; - --spectrum-coachmark-quiet-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-coachmark-quiet-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-coachmark-quiet-entry-animation-delay: var(--spectrum-global-animation-duration-300); - --spectrum-coachmark-quiet-entry-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-coachmark-quiet-entry-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-quiet-entry-animation-properties: opacity, distance; - --spectrum-coachmark-quiet-exit-animation-delay: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-quiet-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-quiet-exit-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-quiet-exit-animation-properties: opacity, distance; - --spectrum-coachmark-quiet-indicator-entry-animation-delay: 0ms; - --spectrum-coachmark-quiet-indicator-entry-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-quiet-indicator-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-quiet-indicator-entry-animation-properties: opacity; - --spectrum-coachmark-quiet-indicator-exit-animation-delay: 0ms; - --spectrum-coachmark-quiet-indicator-exit-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-quiet-indicator-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-quiet-indicator-exit-animation-properties: opacity; - --spectrum-coachmark-quiet-animation-indicator-ring-duration: 3000ms; - --spectrum-coachmark-quiet-animation-indicator-ring-ease: var(--spectrum-global-animation-linear); - --spectrum-coachmark-quiet-animation-indicator-ring-outer-delay-multiple: -1; - --spectrum-coachmark-quiet-animation-indicator-ring-center-delay-multiple: -0.66; - --spectrum-coachmark-quiet-animation-indicator-ring-inner-delay-multiple: -0.33; - --spectrum-coachmark-quiet-animation-indicator-keyframe-0-opacity: 0; - --spectrum-coachmark-quiet-animation-indicator-keyframe-50-opacity: 1; - --spectrum-coachmark-quiet-animation-indicator-keyframe-100-opacity: 0; - --spectrum-coachmark-quiet-animation-indicator-keyframe-0-scale: 0.8; - --spectrum-coachmark-quiet-animation-indicator-keyframe-50-scale: 1.5; - --spectrum-coachmark-quiet-animation-indicator-keyframe-100-scale: 2; - --spectrum-coachmark-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-content-text-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-content-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-step-text-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-step-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-indicator-ring-default-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-indicator-ring-low-contrast-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-indicator-ring-high-contrast-color: var(--spectrum-global-color-gray-900); - --spectrum-coachmark-indicator-ring-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-background-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-coachmark-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-coachmark-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-title-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-title-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-title-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-title-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-coachmark-title-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-coachmark-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-title-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-title-text-transform: none; - --spectrum-coachmark-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-content-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-content-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-content-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-content-margin-top: 0px; - --spectrum-coachmark-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-content-text-transform: none; - --spectrum-coachmark-step-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-step-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-step-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-step-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-step-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-step-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-step-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-step-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-step-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-step-margin-top: 0px; - --spectrum-coachmark-step-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-coachmark-step-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-step-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-step-text-transform: none; - --spectrum-coachmark-indicator-ring-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-coachmark-indicator-ring-diameter: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-indicator-gap: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-padding-x: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-padding-y: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-coachmark-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-coachmark-min-width: var(--spectrum-global-dimension-size-3400); - --spectrum-coachmark-max-width: var(--spectrum-global-dimension-size-5000); - --spectrum-coachmark-padding: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-elevation: 2dp; - --spectrum-coachmark-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-coachmark-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-coachmark-entry-animation-delay: var(--spectrum-global-animation-duration-300); - --spectrum-coachmark-entry-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-coachmark-entry-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-entry-animation-properties: opacity, distance; - --spectrum-coachmark-exit-animation-delay: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-exit-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-exit-animation-properties: opacity, distance; - --spectrum-coachmark-indicator-entry-animation-delay: 0ms; - --spectrum-coachmark-indicator-entry-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-indicator-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-indicator-entry-animation-properties: opacity; - --spectrum-coachmark-indicator-exit-animation-delay: 0ms; - --spectrum-coachmark-indicator-exit-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-indicator-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-indicator-exit-animation-properties: opacity; - --spectrum-coachmark-animation-indicator-ring-duration: 3000ms; - --spectrum-coachmark-animation-indicator-ring-ease: var(--spectrum-global-animation-linear); - --spectrum-coachmark-animation-indicator-ring-outer-delay-multiple: -1; - --spectrum-coachmark-animation-indicator-ring-center-delay-multiple: -0.66; - --spectrum-coachmark-animation-indicator-ring-inner-delay-multiple: -0.5; - --spectrum-coachmark-animation-indicator-keyframe-0-opacity: 0; - --spectrum-coachmark-animation-indicator-keyframe-50-opacity: 1; - --spectrum-coachmark-animation-indicator-keyframe-100-opacity: 0; - --spectrum-coachmark-animation-indicator-keyframe-0-scale: 1; - --spectrum-coachmark-animation-indicator-keyframe-50-scale: 1.5; - --spectrum-coachmark-animation-indicator-keyframe-100-scale: 2; -} diff --git a/components/expressvars/css/components/spectrum-code.css b/components/expressvars/css/components/spectrum-code.css deleted file mode 100644 index 52694ab257b..00000000000 --- a/components/expressvars/css/components/spectrum-code.css +++ /dev/null @@ -1,722 +0,0 @@ -:root { - --spectrum-code-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-strong-margin-top: 0px; - --spectrum-code-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-strong-text-transform: none; - --spectrum-code-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-margin-top: 0px; - --spectrum-code-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-text-transform: none; - --spectrum-code-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-strong-margin-top: 0px; - --spectrum-code-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-strong-text-transform: none; - --spectrum-code-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-margin-top: 0px; - --spectrum-code-xs-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-text-transform: none; - --spectrum-code-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-strong-margin-top: 0px; - --spectrum-code-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-strong-text-transform: none; - --spectrum-code-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-margin-top: 0px; - --spectrum-code-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-text-transform: none; - --spectrum-code-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-s-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-strong-margin-top: 0px; - --spectrum-code-s-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-strong-text-transform: none; - --spectrum-code-s-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-color: var(--spectrum-alias-text-color); - --spectrum-code-s-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-margin-top: 0px; - --spectrum-code-s-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-text-transform: none; - --spectrum-code-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-strong-margin-top: 0px; - --spectrum-code-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-strong-text-transform: none; - --spectrum-code-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-margin-top: 0px; - --spectrum-code-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-text-transform: none; - --spectrum-code-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-m-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-strong-margin-top: 0px; - --spectrum-code-m-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-strong-text-transform: none; - --spectrum-code-m-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-color: var(--spectrum-alias-text-color); - --spectrum-code-m-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-margin-top: 0px; - --spectrum-code-m-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-text-transform: none; - --spectrum-code-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-strong-margin-top: 0px; - --spectrum-code-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-strong-text-transform: none; - --spectrum-code-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-margin-top: 0px; - --spectrum-code-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-text-transform: none; - --spectrum-code-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-l-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-strong-margin-top: 0px; - --spectrum-code-l-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-strong-text-transform: none; - --spectrum-code-l-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-color: var(--spectrum-alias-text-color); - --spectrum-code-l-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-margin-top: 0px; - --spectrum-code-l-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-text-transform: none; - --spectrum-code-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-strong-margin-top: 0px; - --spectrum-code-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-strong-text-transform: none; - --spectrum-code-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-margin-top: 0px; - --spectrum-code-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-text-transform: none; - --spectrum-code-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-strong-margin-top: 0px; - --spectrum-code-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-strong-text-transform: none; - --spectrum-code-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-margin-top: 0px; - --spectrum-code-xl-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-text-transform: none; - --spectrum-code-han-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-strong-margin-top: 0px; - --spectrum-code-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-strong-text-transform: none; - --spectrum-code-han-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-margin-top: 0px; - --spectrum-code-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-text-transform: none; - --spectrum-code-han-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-strong-margin-top: 0px; - --spectrum-code-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-strong-text-transform: none; - --spectrum-code-han-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-margin-top: 0px; - --spectrum-code-han-xs-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-text-transform: none; - --spectrum-code-han-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-strong-margin-top: 0px; - --spectrum-code-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-strong-text-transform: none; - --spectrum-code-han-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-margin-top: 0px; - --spectrum-code-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-text-transform: none; - --spectrum-code-han-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-strong-margin-top: 0px; - --spectrum-code-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-strong-text-transform: none; - --spectrum-code-han-s-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-margin-top: 0px; - --spectrum-code-han-s-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-text-transform: none; - --spectrum-code-han-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-strong-margin-top: 0px; - --spectrum-code-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-strong-text-transform: none; - --spectrum-code-han-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-margin-top: 0px; - --spectrum-code-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-text-transform: none; - --spectrum-code-han-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-strong-margin-top: 0px; - --spectrum-code-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-strong-text-transform: none; - --spectrum-code-han-m-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-margin-top: 0px; - --spectrum-code-han-m-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-text-transform: none; - --spectrum-code-han-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-strong-margin-top: 0px; - --spectrum-code-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-strong-text-transform: none; - --spectrum-code-han-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-margin-top: 0px; - --spectrum-code-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-text-transform: none; - --spectrum-code-han-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-strong-margin-top: 0px; - --spectrum-code-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-strong-text-transform: none; - --spectrum-code-han-l-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-margin-top: 0px; - --spectrum-code-han-l-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-text-transform: none; - --spectrum-code-han-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-code-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-strong-text-transform: none; - --spectrum-code-han-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-margin-top: 0px; - --spectrum-code-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-text-transform: none; - --spectrum-code-han-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-strong-margin-top: 0px; - --spectrum-code-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-strong-text-transform: none; - --spectrum-code-han-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-margin-top: 0px; - --spectrum-code-han-xl-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-text-transform: none; -} diff --git a/components/expressvars/css/components/spectrum-colorarea.css b/components/expressvars/css/components/spectrum-colorarea.css deleted file mode 100644 index c7827a3dcf4..00000000000 --- a/components/expressvars/css/components/spectrum-colorarea.css +++ /dev/null @@ -1,32 +0,0 @@ -:root { - --spectrum-colorarea-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-default-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-default-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-colorarea-min-height: var(--spectrum-global-dimension-size-800); - --spectrum-colorarea-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorarea-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/expressvars/css/components/spectrum-colorhandle.css b/components/expressvars/css/components/spectrum-colorhandle.css deleted file mode 100644 index fdfad1ff3cd..00000000000 --- a/components/expressvars/css/components/spectrum-colorhandle.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - --spectrum-colorhandle-inner-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-colorhandle-outer-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-colorhandle-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorhandle-cursor-hit-width-disabled: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-disabled: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-disabled: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-disabled: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-disabled: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-disabled: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-disabled: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-disabled: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-colorhandle-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-colorhandle-inner-border-color: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-down: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-down: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-down: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-down: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-down: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-down: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-down: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-down: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-down: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-down: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-hover: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-hover: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-hover: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-hover: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-hover: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-hover: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-hover: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-hover: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-hover: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-hover: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-key-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-cursor-hit-height-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-cursor-hit-x-key-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-cursor-hit-y-key-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-touch-hit-x-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-touch-hit-y-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-width-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-height-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-key-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-mouse-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-mouse-focus: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-mouse-focus: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-mouse-focus: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-mouse-focus: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-mouse-focus: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-mouse-focus: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-mouse-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-mouse-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-mouse-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-size: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-size-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-inner-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorhandle-outer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-colorhandle-padding: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorhandle-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-colorloupe.css b/components/expressvars/css/components/spectrum-colorloupe.css deleted file mode 100644 index eb90e1b0883..00000000000 --- a/components/expressvars/css/components/spectrum-colorloupe.css +++ /dev/null @@ -1,26 +0,0 @@ -:root { - --spectrum-colorloupe-inner-border-color: var(--spectrum-global-color-static-white); - --spectrum-colorloupe-outer-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorloupe-background-color: var(--spectrum-global-color-static-white); - --spectrum-colorloupe-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorloupe-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-colorloupe-inner-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorloupe-outer-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-colorloupe-width: var(--spectrum-alias-colorloupe-width); - --spectrum-colorloupe-height: var(--spectrum-alias-colorloupe-height); - --spectrum-colorloupe-padding: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorloupe-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-colorloupe-elevation: 2dp; - --spectrum-colorloupe-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-colorloupe-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-colorloupe-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-colorloupe-entry-animation-opacity: var(--spectrum-global-color-opacity-0); - --spectrum-colorloupe-entry-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-colorloupe-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-colorloupe-entry-animation-properties: opacity; - --spectrum-colorloupe-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-colorloupe-exit-animation-opacity: var(--spectrum-global-color-opacity-0); - --spectrum-colorloupe-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-colorloupe-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-colorloupe-exit-animation-properties: opacity; -} diff --git a/components/expressvars/css/components/spectrum-colorslider.css b/components/expressvars/css/components/spectrum-colorslider.css deleted file mode 100644 index 5cb41a9929d..00000000000 --- a/components/expressvars/css/components/spectrum-colorslider.css +++ /dev/null @@ -1,72 +0,0 @@ -:root { - --spectrum-colorslider-vertical-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-min-height: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-vertical-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-vertical-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-default-length: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-vertical-min-length: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-vertical-cursor-hit-x: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-vertical-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-vertical-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-vertical-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-vertical-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-200); - --spectrum-colorslider-vertical-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorslider-vertical-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-colorslider-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-default-length: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-min-length: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-cursor-hit-y: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-200); - --spectrum-colorslider-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorslider-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/expressvars/css/components/spectrum-colorwheel.css b/components/expressvars/css/components/spectrum-colorwheel.css deleted file mode 100644 index 7b1f592b3fe..00000000000 --- a/components/expressvars/css/components/spectrum-colorwheel.css +++ /dev/null @@ -1,28 +0,0 @@ -:root { - --spectrum-colorwheel-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-colorarea-margin: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-track-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorwheel-default-size: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-cursor-hit-outer: var(--spectrum-global-dimension-size-0); - --spectrum-colorwheel-cursor-hit-inner: var(--spectrum-global-dimension-size-0); - --spectrum-colorwheel-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-combobox.css b/components/expressvars/css/components/spectrum-combobox.css deleted file mode 100644 index 6d31b6217ec..00000000000 --- a/components/expressvars/css/components/spectrum-combobox.css +++ /dev/null @@ -1,786 +0,0 @@ -:root { - --spectrum-combobox-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-s-quiet-focusring-render: no; - --spectrum-combobox-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-size: 0; - --spectrum-combobox-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-s-quiet-focusring-render-down: no; - --spectrum-combobox-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-s-quiet-border-size-down: 0; - --spectrum-combobox-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-s-quiet-focusring-render-hover: no; - --spectrum-combobox-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-s-quiet-border-size-hover: 0; - --spectrum-combobox-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-s-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-size-key-focus: 0; - --spectrum-combobox-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-s-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-placeholder-render: yes; - --spectrum-combobox-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-quiet-placeholder-text-transform: none; - --spectrum-combobox-s-quiet-text-render: yes; - --spectrum-combobox-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-quiet-text-text-transform: none; - --spectrum-combobox-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-s-quiet-focusring-border-radius: 0; - --spectrum-combobox-s-quiet-focusring-border-width: 0; - --spectrum-combobox-s-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-s-quiet-focusring-type: focusring; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-s-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-s-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-s-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-s-quiet-pickerbutton-width: auto; - --spectrum-combobox-s-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-combobox-s-quiet-layout: row; - --spectrum-combobox-s-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-s-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-combobox-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-s-focusring-render: no; - --spectrum-combobox-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-s-focusring-render-down: no; - --spectrum-combobox-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-s-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-s-focusring-render-hover: no; - --spectrum-combobox-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-s-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-s-focusring-render-key-focus: yes; - --spectrum-combobox-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-s-focusring-render-mouse-focus: no; - --spectrum-combobox-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-s-placeholder-render: yes; - --spectrum-combobox-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-placeholder-text-transform: none; - --spectrum-combobox-s-text-render: yes; - --spectrum-combobox-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-text-text-transform: none; - --spectrum-combobox-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-s-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-s-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-s-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-s-focusring-type: focusring; - --spectrum-combobox-s-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-s-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-s-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-s-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-combobox-s-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-pickerbutton-fill-layout: row; - --spectrum-combobox-s-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-s-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-s-pickerbutton-min-width: 0; - --spectrum-combobox-s-pickerbutton-width: auto; - --spectrum-combobox-s-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-combobox-s-layout: row; - --spectrum-combobox-s-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-s-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-combobox-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-m-quiet-focusring-render: no; - --spectrum-combobox-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-size: 0; - --spectrum-combobox-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-m-quiet-focusring-render-down: no; - --spectrum-combobox-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-m-quiet-border-size-down: 0; - --spectrum-combobox-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-m-quiet-focusring-render-hover: no; - --spectrum-combobox-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-m-quiet-border-size-hover: 0; - --spectrum-combobox-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-m-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-size-key-focus: 0; - --spectrum-combobox-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-m-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-placeholder-render: yes; - --spectrum-combobox-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-quiet-placeholder-text-transform: none; - --spectrum-combobox-m-quiet-text-render: yes; - --spectrum-combobox-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-quiet-text-text-transform: none; - --spectrum-combobox-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-m-quiet-focusring-border-radius: 0; - --spectrum-combobox-m-quiet-focusring-border-width: 0; - --spectrum-combobox-m-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-m-quiet-focusring-type: focusring; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-m-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-m-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-m-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-m-quiet-pickerbutton-width: auto; - --spectrum-combobox-m-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-combobox-m-quiet-layout: row; - --spectrum-combobox-m-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-m-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-combobox-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-combobox-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-m-focusring-render: no; - --spectrum-combobox-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-m-focusring-render-down: no; - --spectrum-combobox-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-m-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-m-focusring-render-hover: no; - --spectrum-combobox-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-m-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-m-focusring-render-key-focus: yes; - --spectrum-combobox-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-m-focusring-render-mouse-focus: no; - --spectrum-combobox-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-m-placeholder-render: yes; - --spectrum-combobox-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-placeholder-text-transform: none; - --spectrum-combobox-m-text-render: yes; - --spectrum-combobox-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-text-text-transform: none; - --spectrum-combobox-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-m-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-m-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-m-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-m-focusring-type: focusring; - --spectrum-combobox-m-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-m-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-m-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-m-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-combobox-m-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-pickerbutton-fill-layout: row; - --spectrum-combobox-m-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-m-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-m-pickerbutton-min-width: 0; - --spectrum-combobox-m-pickerbutton-width: auto; - --spectrum-combobox-m-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-combobox-m-layout: row; - --spectrum-combobox-m-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-m-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-combobox-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-combobox-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-l-quiet-focusring-render: no; - --spectrum-combobox-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-size: 0; - --spectrum-combobox-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-l-quiet-focusring-render-down: no; - --spectrum-combobox-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-l-quiet-border-size-down: 0; - --spectrum-combobox-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-l-quiet-focusring-render-hover: no; - --spectrum-combobox-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-l-quiet-border-size-hover: 0; - --spectrum-combobox-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-l-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-size-key-focus: 0; - --spectrum-combobox-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-l-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-placeholder-render: yes; - --spectrum-combobox-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-quiet-placeholder-text-transform: none; - --spectrum-combobox-l-quiet-text-render: yes; - --spectrum-combobox-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-quiet-text-text-transform: none; - --spectrum-combobox-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-l-quiet-focusring-border-radius: 0; - --spectrum-combobox-l-quiet-focusring-border-width: 0; - --spectrum-combobox-l-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-l-quiet-focusring-type: focusring; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-l-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-combobox-l-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-l-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-l-quiet-pickerbutton-width: auto; - --spectrum-combobox-l-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-combobox-l-quiet-layout: row; - --spectrum-combobox-l-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-l-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-combobox-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-l-focusring-render: no; - --spectrum-combobox-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-l-focusring-render-down: no; - --spectrum-combobox-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-l-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-l-focusring-render-hover: no; - --spectrum-combobox-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-l-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-l-focusring-render-key-focus: yes; - --spectrum-combobox-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-l-focusring-render-mouse-focus: no; - --spectrum-combobox-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-l-placeholder-render: yes; - --spectrum-combobox-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-placeholder-text-transform: none; - --spectrum-combobox-l-text-render: yes; - --spectrum-combobox-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-text-text-transform: none; - --spectrum-combobox-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-l-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-l-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-l-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-l-focusring-type: focusring; - --spectrum-combobox-l-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-l-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-l-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-l-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-combobox-l-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-pickerbutton-fill-layout: row; - --spectrum-combobox-l-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-combobox-l-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-l-pickerbutton-min-width: 0; - --spectrum-combobox-l-pickerbutton-width: auto; - --spectrum-combobox-l-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-combobox-l-layout: row; - --spectrum-combobox-l-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-l-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-l-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-combobox-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-combobox-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-combobox-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-xl-quiet-focusring-render: no; - --spectrum-combobox-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-size: 0; - --spectrum-combobox-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-xl-quiet-focusring-render-down: no; - --spectrum-combobox-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-xl-quiet-border-size-down: 0; - --spectrum-combobox-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-xl-quiet-focusring-render-hover: no; - --spectrum-combobox-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-xl-quiet-border-size-hover: 0; - --spectrum-combobox-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-xl-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-size-key-focus: 0; - --spectrum-combobox-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-placeholder-render: yes; - --spectrum-combobox-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-quiet-placeholder-text-transform: none; - --spectrum-combobox-xl-quiet-text-render: yes; - --spectrum-combobox-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-quiet-text-text-transform: none; - --spectrum-combobox-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-xl-quiet-focusring-border-radius: 0; - --spectrum-combobox-xl-quiet-focusring-border-width: 0; - --spectrum-combobox-xl-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-xl-quiet-focusring-type: focusring; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-xl-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-xl-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-xl-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-xl-quiet-pickerbutton-width: auto; - --spectrum-combobox-xl-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-combobox-xl-quiet-layout: row; - --spectrum-combobox-xl-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-xl-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-combobox-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-combobox-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-xl-focusring-render: no; - --spectrum-combobox-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-xl-focusring-render-down: no; - --spectrum-combobox-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-xl-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-xl-focusring-render-hover: no; - --spectrum-combobox-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-xl-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-xl-focusring-render-key-focus: yes; - --spectrum-combobox-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-xl-focusring-render-mouse-focus: no; - --spectrum-combobox-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-xl-placeholder-render: yes; - --spectrum-combobox-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-placeholder-text-transform: none; - --spectrum-combobox-xl-text-render: yes; - --spectrum-combobox-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-text-text-transform: none; - --spectrum-combobox-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-xl-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-xl-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-xl-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-xl-focusring-type: focusring; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-combobox-xl-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-pickerbutton-fill-layout: row; - --spectrum-combobox-xl-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-xl-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-xl-pickerbutton-min-width: 0; - --spectrum-combobox-xl-pickerbutton-width: auto; - --spectrum-combobox-xl-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-combobox-xl-layout: row; - --spectrum-combobox-xl-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-xl-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-xl-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-combobox-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-combobox-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-combobox-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-cyclebutton.css b/components/expressvars/css/components/spectrum-cyclebutton.css deleted file mode 100644 index 2aec3851d41..00000000000 --- a/components/expressvars/css/components/spectrum-cyclebutton.css +++ /dev/null @@ -1,57 +0,0 @@ -:root { - --spectrum-cyclebutton-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-cyclebutton-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-cyclebutton-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-cyclebutton-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-cyclebutton-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-cyclebutton-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-cyclebutton-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-cyclebutton-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-cyclebutton-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-cyclebutton-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-cyclebutton-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-cyclebutton-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-cyclebutton-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-cyclebutton-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-cyclebutton-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-cyclebutton-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-cyclebutton-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-cyclebutton-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-cyclebutton-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-cyclebutton-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-cyclebutton-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-cyclebutton-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-cyclebutton-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-cyclebutton-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-cyclebutton-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-cyclebutton-hold-icon-type: ui-icon; - --spectrum-cyclebutton-hold-icon-render: no; - --spectrum-cyclebutton-hold-icon-position: absolute; - --spectrum-cyclebutton-hold-icon-right: 0; - --spectrum-cyclebutton-hold-icon-bottom: 0; - --spectrum-cyclebutton-hold-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-cyclebutton-hold-icon-margin-right: var(--spectrum-global-dimension-size-50); - --spectrum-cyclebutton-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-cyclebutton-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-icon-margin-top: 0; - --spectrum-cyclebutton-icon-margin-bottom: 0; - --spectrum-cyclebutton-icon-render: yes; - --spectrum-cyclebutton-icon-order: 1; - --spectrum-cyclebutton-icon-type: icon; - --spectrum-cyclebutton-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-cyclebutton-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-cyclebutton-layout: inline-row; - --spectrum-cyclebutton-position: relative; - --spectrum-cyclebutton-min-width: 0; - --spectrum-cyclebutton-gap: var(--spectrum-global-dimension-size-100); - --spectrum-cyclebutton-height: var(--spectrum-global-dimension-size-400); - --spectrum-cyclebutton-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-cyclebutton-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-padding-left: var(--spectrum-global-dimension-size-85); -} diff --git a/components/expressvars/css/components/spectrum-detail.css b/components/expressvars/css/components/spectrum-detail.css deleted file mode 100644 index 72cb2df1030..00000000000 --- a/components/expressvars/css/components/spectrum-detail.css +++ /dev/null @@ -1,2306 +0,0 @@ -:root { - --spectrum-detail-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-s-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-strong-text-transform: uppercase; - --spectrum-detail-s-serif-light-strong-margin-top: 0px; - --spectrum-detail-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-text-transform: uppercase; - --spectrum-detail-s-serif-light-margin-top: 0px; - --spectrum-detail-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-m-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-strong-text-transform: uppercase; - --spectrum-detail-m-serif-light-strong-margin-top: 0px; - --spectrum-detail-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-text-transform: uppercase; - --spectrum-detail-m-serif-light-margin-top: 0px; - --spectrum-detail-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-l-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-strong-text-transform: uppercase; - --spectrum-detail-l-serif-light-strong-margin-top: 0px; - --spectrum-detail-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-text-transform: uppercase; - --spectrum-detail-l-serif-light-margin-top: 0px; - --spectrum-detail-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-xl-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-light-strong-margin-top: 0px; - --spectrum-detail-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-text-transform: uppercase; - --spectrum-detail-xl-serif-light-margin-top: 0px; - --spectrum-detail-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-text-transform: uppercase; - --spectrum-detail-s-light-emphasized-margin-top: 0px; - --spectrum-detail-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-strong-text-transform: uppercase; - --spectrum-detail-s-light-strong-margin-top: 0px; - --spectrum-detail-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-text-transform: uppercase; - --spectrum-detail-s-light-margin-top: 0px; - --spectrum-detail-s-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-text-transform: uppercase; - --spectrum-detail-m-light-emphasized-margin-top: 0px; - --spectrum-detail-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-strong-text-transform: uppercase; - --spectrum-detail-m-light-strong-margin-top: 0px; - --spectrum-detail-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-text-transform: uppercase; - --spectrum-detail-m-light-margin-top: 0px; - --spectrum-detail-m-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-text-transform: uppercase; - --spectrum-detail-l-light-emphasized-margin-top: 0px; - --spectrum-detail-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-strong-text-transform: uppercase; - --spectrum-detail-l-light-strong-margin-top: 0px; - --spectrum-detail-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-text-transform: uppercase; - --spectrum-detail-l-light-margin-top: 0px; - --spectrum-detail-l-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-text-transform: uppercase; - --spectrum-detail-xl-light-emphasized-margin-top: 0px; - --spectrum-detail-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-strong-text-transform: uppercase; - --spectrum-detail-xl-light-strong-margin-top: 0px; - --spectrum-detail-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-text-transform: uppercase; - --spectrum-detail-xl-light-margin-top: 0px; - --spectrum-detail-xl-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-text-transform: uppercase; - --spectrum-detail-s-serif-emphasized-margin-top: 0px; - --spectrum-detail-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-strong-text-transform: uppercase; - --spectrum-detail-s-serif-strong-margin-top: 0px; - --spectrum-detail-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-text-transform: uppercase; - --spectrum-detail-s-serif-margin-top: 0px; - --spectrum-detail-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-text-transform: uppercase; - --spectrum-detail-m-serif-emphasized-margin-top: 0px; - --spectrum-detail-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-strong-text-transform: uppercase; - --spectrum-detail-m-serif-strong-margin-top: 0px; - --spectrum-detail-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-text-transform: uppercase; - --spectrum-detail-m-serif-margin-top: 0px; - --spectrum-detail-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-text-transform: uppercase; - --spectrum-detail-l-serif-emphasized-margin-top: 0px; - --spectrum-detail-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-strong-text-transform: uppercase; - --spectrum-detail-l-serif-strong-margin-top: 0px; - --spectrum-detail-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-text-transform: uppercase; - --spectrum-detail-l-serif-margin-top: 0px; - --spectrum-detail-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-text-transform: uppercase; - --spectrum-detail-xl-serif-emphasized-margin-top: 0px; - --spectrum-detail-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-strong-margin-top: 0px; - --spectrum-detail-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-text-transform: uppercase; - --spectrum-detail-xl-serif-margin-top: 0px; - --spectrum-detail-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-text-transform: uppercase; - --spectrum-detail-s-emphasized-margin-top: 0px; - --spectrum-detail-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-strong-text-transform: uppercase; - --spectrum-detail-s-strong-margin-top: 0px; - --spectrum-detail-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-text-transform: uppercase; - --spectrum-detail-s-margin-top: 0px; - --spectrum-detail-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-text-transform: uppercase; - --spectrum-detail-m-emphasized-margin-top: 0px; - --spectrum-detail-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-strong-text-transform: uppercase; - --spectrum-detail-m-strong-margin-top: 0px; - --spectrum-detail-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-text-transform: uppercase; - --spectrum-detail-m-margin-top: 0px; - --spectrum-detail-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-text-transform: uppercase; - --spectrum-detail-l-emphasized-margin-top: 0px; - --spectrum-detail-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-strong-text-transform: uppercase; - --spectrum-detail-l-strong-margin-top: 0px; - --spectrum-detail-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-text-transform: uppercase; - --spectrum-detail-l-margin-top: 0px; - --spectrum-detail-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-text-transform: uppercase; - --spectrum-detail-xl-emphasized-margin-top: 0px; - --spectrum-detail-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-strong-text-transform: uppercase; - --spectrum-detail-xl-strong-margin-top: 0px; - --spectrum-detail-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-text-transform: uppercase; - --spectrum-detail-xl-margin-top: 0px; - --spectrum-detail-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-serif-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-margin-top: 0px; - --spectrum-detail-han-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-serif-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-margin-top: 0px; - --spectrum-detail-han-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-serif-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-margin-top: 0px; - --spectrum-detail-han-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-serif-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-light-emphasized-margin-top: 0px; - --spectrum-detail-han-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-strong-text-transform: uppercase; - --spectrum-detail-han-s-light-strong-margin-top: 0px; - --spectrum-detail-han-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-text-transform: uppercase; - --spectrum-detail-han-s-light-margin-top: 0px; - --spectrum-detail-han-s-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-light-emphasized-margin-top: 0px; - --spectrum-detail-han-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-strong-text-transform: uppercase; - --spectrum-detail-han-m-light-strong-margin-top: 0px; - --spectrum-detail-han-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-text-transform: uppercase; - --spectrum-detail-han-m-light-margin-top: 0px; - --spectrum-detail-han-m-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-light-emphasized-margin-top: 0px; - --spectrum-detail-han-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-strong-text-transform: uppercase; - --spectrum-detail-han-l-light-strong-margin-top: 0px; - --spectrum-detail-han-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-text-transform: uppercase; - --spectrum-detail-han-l-light-margin-top: 0px; - --spectrum-detail-han-l-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-light-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-strong-text-transform: uppercase; - --spectrum-detail-han-xl-light-strong-margin-top: 0px; - --spectrum-detail-han-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-text-transform: uppercase; - --spectrum-detail-han-xl-light-margin-top: 0px; - --spectrum-detail-han-xl-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-serif-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-text-transform: uppercase; - --spectrum-detail-han-s-serif-margin-top: 0px; - --spectrum-detail-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-text-transform: uppercase; - --spectrum-detail-han-m-serif-margin-top: 0px; - --spectrum-detail-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-text-transform: uppercase; - --spectrum-detail-han-l-serif-margin-top: 0px; - --spectrum-detail-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-text-transform: uppercase; - --spectrum-detail-han-xl-serif-margin-top: 0px; - --spectrum-detail-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-emphasized-margin-top: 0px; - --spectrum-detail-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-strong-text-transform: uppercase; - --spectrum-detail-han-s-strong-margin-top: 0px; - --spectrum-detail-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-text-transform: uppercase; - --spectrum-detail-han-s-margin-top: 0px; - --spectrum-detail-han-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-emphasized-margin-top: 0px; - --spectrum-detail-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-strong-text-transform: uppercase; - --spectrum-detail-han-m-strong-margin-top: 0px; - --spectrum-detail-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-text-transform: uppercase; - --spectrum-detail-han-m-margin-top: 0px; - --spectrum-detail-han-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-emphasized-margin-top: 0px; - --spectrum-detail-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-strong-text-transform: uppercase; - --spectrum-detail-han-l-strong-margin-top: 0px; - --spectrum-detail-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-text-transform: uppercase; - --spectrum-detail-han-l-margin-top: 0px; - --spectrum-detail-han-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-strong-text-transform: uppercase; - --spectrum-detail-han-xl-strong-margin-top: 0px; - --spectrum-detail-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-text-transform: uppercase; - --spectrum-detail-han-xl-margin-top: 0px; - --spectrum-detail-han-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-font-style: var(--spectrum-global-font-style-regular); -} diff --git a/components/expressvars/css/components/spectrum-dial.css b/components/expressvars/css/components/spectrum-dial.css deleted file mode 100644 index 040d7e5fca5..00000000000 --- a/components/expressvars/css/components/spectrum-dial.css +++ /dev/null @@ -1,50 +0,0 @@ -:root { - --spectrum-dial-small-handle-marker-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-small-border-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-small-handle-marker-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-border-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-handle-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-handle-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-handle-marker-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-small-border-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-small-handle-marker-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-min-max-tick-color: var(--spectrum-global-color-gray-600); - --spectrum-dial-small-container-width: var(--spectrum-global-dimension-static-size-600); - --spectrum-dial-small-handle-marker-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dial-small-handle-marker-height: var(--spectrum-alias-border-size-thick); - --spectrum-dial-small-handle-marker-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-dial-small-min-max-tick-angles: 45deg; - --spectrum-dial-small-min-max-tick-angle: 45deg; - --spectrum-dial-small-width: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-small-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-small-border-radius: var(--spectrum-alias-border-radius-large); - --spectrum-dial-small-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dial-small-margin-right: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-handle-marker-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-border-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-handle-marker-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-border-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-handle-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-handle-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-handle-marker-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-border-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-handle-marker-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-min-max-tick-color: var(--spectrum-global-color-gray-600); - --spectrum-dial-container-width: var(--spectrum-global-dimension-static-size-600); - --spectrum-dial-handle-marker-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dial-handle-marker-height: var(--spectrum-alias-border-size-thick); - --spectrum-dial-handle-marker-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-dial-min-max-tick-angles: 45deg; - --spectrum-dial-min-max-tick-angle: 45deg; - --spectrum-dial-width: var(--spectrum-global-dimension-static-size-400); - --spectrum-dial-height: var(--spectrum-global-dimension-static-size-400); - --spectrum-dial-border-radius: var(--spectrum-alias-border-radius-large); - --spectrum-dial-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dial-margin-right: var(--spectrum-global-dimension-static-size-300); -} diff --git a/components/expressvars/css/components/spectrum-dialog.css b/components/expressvars/css/components/spectrum-dialog.css deleted file mode 100644 index 0f8b84fcd1e..00000000000 --- a/components/expressvars/css/components/spectrum-dialog.css +++ /dev/null @@ -1,272 +0,0 @@ -:root { - --spectrum-dialog-confirm-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-confirm-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-confirm-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-confirm-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-confirm-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-confirm-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-confirm-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-confirm-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-confirm-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-confirm-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-confirm-icon-type: icon; - --spectrum-dialog-confirm-icon-render: no; - --spectrum-dialog-confirm-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-confirm-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-confirm-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-confirm-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-confirm-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-confirm-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-confirm-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-confirm-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-confirm-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-width: 90%; - --spectrum-dialog-confirm-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-confirm-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-confirm-background-entry-animation-delay: 0ms; - --spectrum-dialog-confirm-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-confirm-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-confirm-background-entry-animation-properties: opacity; - --spectrum-dialog-confirm-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-confirm-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-confirm-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-confirm-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-confirm-entry-animation-properties: opacity, distance; - --spectrum-dialog-confirm-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-confirm-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-confirm-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-confirm-background-exit-animation-properties: opacity; - --spectrum-dialog-confirm-exit-animation-delay: 0ms; - --spectrum-dialog-confirm-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-confirm-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-confirm-exit-animation-distance: 0; - --spectrum-dialog-confirm-exit-animation-properties: opacity, distance; - --spectrum-dialog-destructive-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-destructive-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-destructive-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-destructive-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-destructive-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-destructive-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-destructive-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-destructive-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-destructive-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-icon-type: icon; - --spectrum-dialog-destructive-icon-render: no; - --spectrum-dialog-destructive-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-destructive-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-destructive-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-destructive-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-destructive-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-destructive-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-destructive-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-destructive-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-destructive-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-width: 90%; - --spectrum-dialog-destructive-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-destructive-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-destructive-background-entry-animation-delay: 0ms; - --spectrum-dialog-destructive-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-destructive-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-destructive-background-entry-animation-properties: opacity; - --spectrum-dialog-destructive-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-destructive-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-destructive-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-destructive-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-destructive-entry-animation-properties: opacity, distance; - --spectrum-dialog-destructive-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-destructive-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-destructive-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-destructive-background-exit-animation-properties: opacity; - --spectrum-dialog-destructive-exit-animation-delay: 0ms; - --spectrum-dialog-destructive-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-destructive-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-destructive-exit-animation-distance: 0; - --spectrum-dialog-destructive-exit-animation-properties: opacity, distance; - --spectrum-dialog-error-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-error-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-dialog-error-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-error-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-error-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-error-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-error-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-error-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-error-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-icon-type: icon; - --spectrum-dialog-error-icon-render: yes; - --spectrum-dialog-error-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-error-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-error-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-error-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-error-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-error-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-error-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-error-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-error-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-width: 90%; - --spectrum-dialog-error-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-error-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-error-background-entry-animation-delay: 0ms; - --spectrum-dialog-error-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-error-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-error-background-entry-animation-properties: opacity; - --spectrum-dialog-error-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-error-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-error-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-error-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-error-entry-animation-properties: opacity, distance; - --spectrum-dialog-error-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-error-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-error-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-error-background-exit-animation-properties: opacity; - --spectrum-dialog-error-exit-animation-delay: 0ms; - --spectrum-dialog-error-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-error-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-error-exit-animation-distance: 0; - --spectrum-dialog-error-exit-animation-properties: opacity, distance; - --spectrum-dialog-info-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-info-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-info-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-info-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-info-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-info-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-info-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-info-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-info-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-icon-type: icon; - --spectrum-dialog-info-icon-render: no; - --spectrum-dialog-info-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-info-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-info-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-info-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-info-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-info-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-info-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-info-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-info-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-width: 90%; - --spectrum-dialog-info-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-info-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-info-background-entry-animation-delay: 0ms; - --spectrum-dialog-info-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-info-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-info-background-entry-animation-properties: opacity; - --spectrum-dialog-info-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-info-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-info-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-info-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-info-entry-animation-properties: opacity, distance; - --spectrum-dialog-info-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-info-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-info-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-info-background-exit-animation-properties: opacity; - --spectrum-dialog-info-exit-animation-delay: 0ms; - --spectrum-dialog-info-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-info-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-info-exit-animation-distance: 0; - --spectrum-dialog-info-exit-animation-properties: opacity, distance; - --spectrum-dialog-fullscreen-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-fullscreen-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-fullscreen-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-fullscreen-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-fullscreen-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-fullscreen-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-fullscreen-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-fullscreen-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-fullscreen-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-icon-type: icon; - --spectrum-dialog-fullscreen-icon-render: no; - --spectrum-dialog-fullscreen-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreen-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreen-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-fullscreen-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-fullscreen-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-fullscreen-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-fullscreen-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-fullscreen-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-fullscreen-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-width: 90%; - --spectrum-dialog-fullscreen-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-fullscreen-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-fullscreen-background-entry-animation-delay: 0ms; - --spectrum-dialog-fullscreen-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-fullscreen-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreen-background-entry-animation-properties: opacity; - --spectrum-dialog-fullscreen-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreen-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-fullscreen-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-fullscreen-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-fullscreen-entry-animation-properties: opacity, distance; - --spectrum-dialog-fullscreen-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreen-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-fullscreen-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreen-background-exit-animation-properties: opacity; - --spectrum-dialog-fullscreen-exit-animation-delay: 0ms; - --spectrum-dialog-fullscreen-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-fullscreen-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-fullscreen-exit-animation-distance: 0; - --spectrum-dialog-fullscreen-exit-animation-properties: opacity, distance; - --spectrum-dialog-fullscreentakeover-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-fullscreentakeover-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-fullscreentakeover-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-fullscreentakeover-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-fullscreentakeover-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-fullscreentakeover-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-fullscreentakeover-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-fullscreentakeover-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-fullscreentakeover-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-icon-type: icon; - --spectrum-dialog-fullscreentakeover-icon-render: no; - --spectrum-dialog-fullscreentakeover-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreentakeover-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreentakeover-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-fullscreentakeover-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-fullscreentakeover-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-fullscreentakeover-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-fullscreentakeover-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-fullscreentakeover-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-fullscreentakeover-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-width: 90%; - --spectrum-dialog-fullscreentakeover-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-fullscreentakeover-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-fullscreentakeover-background-entry-animation-delay: 0ms; - --spectrum-dialog-fullscreentakeover-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-fullscreentakeover-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreentakeover-background-entry-animation-properties: opacity; - --spectrum-dialog-fullscreentakeover-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreentakeover-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-fullscreentakeover-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-fullscreentakeover-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-fullscreentakeover-entry-animation-properties: opacity, distance; - --spectrum-dialog-fullscreentakeover-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreentakeover-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-fullscreentakeover-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreentakeover-background-exit-animation-properties: opacity; - --spectrum-dialog-fullscreentakeover-exit-animation-delay: 0ms; - --spectrum-dialog-fullscreentakeover-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-fullscreentakeover-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-fullscreentakeover-exit-animation-distance: 0; - --spectrum-dialog-fullscreentakeover-exit-animation-properties: opacity, distance; -} diff --git a/components/expressvars/css/components/spectrum-divider.css b/components/expressvars/css/components/spectrum-divider.css deleted file mode 100644 index 698abf88633..00000000000 --- a/components/expressvars/css/components/spectrum-divider.css +++ /dev/null @@ -1,26 +0,0 @@ -:root { - --spectrum-divider-s-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-s-height: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-width: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-s-vertical-height: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-width: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-m-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-m-height: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-width: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-m-vertical-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-m-vertical-height: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-vertical-width: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-vertical-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-l-background-color: var(--spectrum-global-color-gray-800); - --spectrum-divider-l-height: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-width: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-divider-l-vertical-background-color: var(--spectrum-global-color-gray-800); - --spectrum-divider-l-vertical-height: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-vertical-width: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-vertical-border-radius: var(--spectrum-global-dimension-size-25); -} diff --git a/components/expressvars/css/components/spectrum-drag.css b/components/expressvars/css/components/spectrum-drag.css deleted file mode 100644 index d8947274c5d..00000000000 --- a/components/expressvars/css/components/spectrum-drag.css +++ /dev/null @@ -1,8 +0,0 @@ -:root { - --spectrum-drag-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-drag-handle-background-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-drag-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-icon-color: var(--spectrum-global-color-gray-50); -} diff --git a/components/expressvars/css/components/spectrum-dragbar.css b/components/expressvars/css/components/spectrum-dragbar.css deleted file mode 100644 index 2c132e01498..00000000000 --- a/components/expressvars/css/components/spectrum-dragbar.css +++ /dev/null @@ -1,14 +0,0 @@ -:root { - --spectrum-dragbar-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragbar-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragbar-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-dragbar-handle-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-dragbar-gripper-width: var(--spectrum-global-dimension-static-size-50); - --spectrum-dragbar-gripper-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-dragbar-gripper-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-dragbar-gripper-border-width-vertical: 4px; - --spectrum-dragbar-gripper-border-width-horizontal: 3px; -} diff --git a/components/expressvars/css/components/spectrum-dragthumb.css b/components/expressvars/css/components/spectrum-dragthumb.css deleted file mode 100644 index 15c174a0fe6..00000000000 --- a/components/expressvars/css/components/spectrum-dragthumb.css +++ /dev/null @@ -1,16 +0,0 @@ -:root { - --spectrum-dragthumb-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragthumb-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragthumb-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-dragthumb-swatch-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragthumb-swatch-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragthumb-swatch-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-swatch-width: var(--spectrum-global-dimension-static-size-100); - --spectrum-dragthumb-swatch-swatch-height: var(--spectrum-global-dimension-static-size-100); -} diff --git a/components/expressvars/css/components/spectrum-drawer.css b/components/expressvars/css/components/spectrum-drawer.css deleted file mode 100644 index 77737c87d1d..00000000000 --- a/components/expressvars/css/components/spectrum-drawer.css +++ /dev/null @@ -1,3 +0,0 @@ -:root { - --spectrum-drawer-background-color: var(--spectrum-global-color-gray-75); -} diff --git a/components/expressvars/css/components/spectrum-dropindicator.css b/components/expressvars/css/components/spectrum-dropindicator.css deleted file mode 100644 index a3c003f8d3f..00000000000 --- a/components/expressvars/css/components/spectrum-dropindicator.css +++ /dev/null @@ -1,11 +0,0 @@ -:root { - --spectrum-dropindicator-circle-border-fill: var(--spectrum-alias-background-color-transparent); - --spectrum-dropindicator-circle-border-color: var(--spectrum-global-color-blue-400); - --spectrum-dropindicator-circle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-dropindicator-border-color: var(--spectrum-global-color-blue-400); - --spectrum-dropindicator-circle-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dropindicator-circle-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-circle-height: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/expressvars/css/components/spectrum-dropzone.css b/components/expressvars/css/components/spectrum-dropzone.css deleted file mode 100644 index eab9dd2472f..00000000000 --- a/components/expressvars/css/components/spectrum-dropzone.css +++ /dev/null @@ -1,47 +0,0 @@ -:root { - --spectrum-dropzone-illustration-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-hover: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-hover: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-hover: var(--spectrum-alias-highlight-selected); - --spectrum-dropzone-illustration-color-selected-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-down: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-down: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-down: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-hover: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-key-focus: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-content-color: var(--spectrum-global-color-gray-700); - --spectrum-dropzone-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dropzone-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-dropzone-content-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-dropzone-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-dropzone-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-dropzone-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dropzone-content-margin-top: 0px; - --spectrum-dropzone-content-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-dropzone-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-dropzone-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-dropzone-content-text-transform: none; - --spectrum-dropzone-padding: var(--spectrum-global-dimension-size-900); - --spectrum-dropzone-border-width: var(--spectrum-alias-border-size-thick); - --spectrum-dropzone-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/expressvars/css/components/spectrum-fieldlabel.css b/components/expressvars/css/components/spectrum-fieldlabel.css deleted file mode 100644 index 0ca6a7e632f..00000000000 --- a/components/expressvars/css/components/spectrum-fieldlabel.css +++ /dev/null @@ -1,1706 +0,0 @@ -:root { - --spectrum-fieldlabel-s-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-text-transform: none; - --spectrum-fieldlabel-s-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-text-transform: none; - --spectrum-fieldlabel-s-text-alignment: start; - --spectrum-fieldlabel-s-text-text-align: start; - --spectrum-fieldlabel-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-text-text-transform: none; - --spectrum-fieldlabel-s-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-value-text-transform: none; - --spectrum-fieldlabel-s-value-text-alignment: end; - --spectrum-fieldlabel-s-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-value-text-text-align: end; - --spectrum-fieldlabel-s-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-value-text-text-transform: none; - --spectrum-fieldlabel-s-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-top-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-top-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-text-transform: none; - --spectrum-fieldlabel-s-top-text-alignment: start; - --spectrum-fieldlabel-s-top-text-text-align: start; - --spectrum-fieldlabel-s-top-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-text-text-transform: none; - --spectrum-fieldlabel-s-top-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-value-text-transform: none; - --spectrum-fieldlabel-s-top-value-text-alignment: end; - --spectrum-fieldlabel-s-top-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-value-text-text-align: end; - --spectrum-fieldlabel-s-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-value-text-text-transform: none; - --spectrum-fieldlabel-s-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-top-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-top-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-top-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-top-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-side-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-side-overbackground-padding-right: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-s-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-side-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-text-transform: none; - --spectrum-fieldlabel-s-side-text-alignment: start; - --spectrum-fieldlabel-s-side-text-text-align: start; - --spectrum-fieldlabel-s-side-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-text-text-transform: none; - --spectrum-fieldlabel-s-side-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-value-text-transform: none; - --spectrum-fieldlabel-s-side-value-text-alignment: end; - --spectrum-fieldlabel-s-side-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-value-text-text-align: end; - --spectrum-fieldlabel-s-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-value-text-text-transform: none; - --spectrum-fieldlabel-s-side-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-side-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-side-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-side-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-side-padding-right: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-s-side-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-side-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-text-transform: none; - --spectrum-fieldlabel-m-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-text-transform: none; - --spectrum-fieldlabel-m-text-alignment: start; - --spectrum-fieldlabel-m-text-text-align: start; - --spectrum-fieldlabel-m-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-text-text-transform: none; - --spectrum-fieldlabel-m-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-value-text-transform: none; - --spectrum-fieldlabel-m-value-text-alignment: end; - --spectrum-fieldlabel-m-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-value-text-text-align: end; - --spectrum-fieldlabel-m-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-value-text-text-transform: none; - --spectrum-fieldlabel-m-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-top-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-top-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-text-transform: none; - --spectrum-fieldlabel-m-top-text-alignment: start; - --spectrum-fieldlabel-m-top-text-text-align: start; - --spectrum-fieldlabel-m-top-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-text-text-transform: none; - --spectrum-fieldlabel-m-top-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-value-text-transform: none; - --spectrum-fieldlabel-m-top-value-text-alignment: end; - --spectrum-fieldlabel-m-top-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-value-text-text-align: end; - --spectrum-fieldlabel-m-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-value-text-text-transform: none; - --spectrum-fieldlabel-m-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-top-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-top-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-top-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-top-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-m-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-overbackground-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-m-side-overbackground-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-m-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-side-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-text-transform: none; - --spectrum-fieldlabel-m-side-text-alignment: start; - --spectrum-fieldlabel-m-side-text-text-align: start; - --spectrum-fieldlabel-m-side-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-text-text-transform: none; - --spectrum-fieldlabel-m-side-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-value-text-transform: none; - --spectrum-fieldlabel-m-side-value-text-alignment: end; - --spectrum-fieldlabel-m-side-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-value-text-text-align: end; - --spectrum-fieldlabel-m-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-value-text-text-transform: none; - --spectrum-fieldlabel-m-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-m-side-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-side-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-side-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-m-side-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-m-side-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-side-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-text-transform: none; - --spectrum-fieldlabel-l-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-overbackground-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-text-transform: none; - --spectrum-fieldlabel-l-text-alignment: start; - --spectrum-fieldlabel-l-text-text-align: start; - --spectrum-fieldlabel-l-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-text-text-transform: none; - --spectrum-fieldlabel-l-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-value-text-transform: none; - --spectrum-fieldlabel-l-value-text-alignment: end; - --spectrum-fieldlabel-l-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-value-text-text-align: end; - --spectrum-fieldlabel-l-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-value-text-text-transform: none; - --spectrum-fieldlabel-l-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-top-overbackground-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-top-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-text-transform: none; - --spectrum-fieldlabel-l-top-text-alignment: start; - --spectrum-fieldlabel-l-top-text-text-align: start; - --spectrum-fieldlabel-l-top-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-text-text-transform: none; - --spectrum-fieldlabel-l-top-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-value-text-transform: none; - --spectrum-fieldlabel-l-top-value-text-alignment: end; - --spectrum-fieldlabel-l-top-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-value-text-text-align: end; - --spectrum-fieldlabel-l-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-value-text-text-transform: none; - --spectrum-fieldlabel-l-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-top-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-top-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-top-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-top-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-top-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-top-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-l-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-overbackground-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-l-side-overbackground-padding-right: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-l-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-side-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-text-transform: none; - --spectrum-fieldlabel-l-side-text-alignment: start; - --spectrum-fieldlabel-l-side-text-text-align: start; - --spectrum-fieldlabel-l-side-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-text-text-transform: none; - --spectrum-fieldlabel-l-side-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-value-text-transform: none; - --spectrum-fieldlabel-l-side-value-text-alignment: end; - --spectrum-fieldlabel-l-side-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-value-text-text-align: end; - --spectrum-fieldlabel-l-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-value-text-text-transform: none; - --spectrum-fieldlabel-l-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-l-side-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-side-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-side-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-l-side-padding-right: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-l-side-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-side-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-overbackground-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-overbackground-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-text-transform: none; - --spectrum-fieldlabel-xl-text-alignment: start; - --spectrum-fieldlabel-xl-text-text-align: start; - --spectrum-fieldlabel-xl-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-text-text-transform: none; - --spectrum-fieldlabel-xl-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-value-text-transform: none; - --spectrum-fieldlabel-xl-value-text-alignment: end; - --spectrum-fieldlabel-xl-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-value-text-text-align: end; - --spectrum-fieldlabel-xl-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-value-text-text-transform: none; - --spectrum-fieldlabel-xl-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-top-overbackground-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-top-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-text-transform: none; - --spectrum-fieldlabel-xl-top-text-alignment: start; - --spectrum-fieldlabel-xl-top-text-text-align: start; - --spectrum-fieldlabel-xl-top-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-text-text-transform: none; - --spectrum-fieldlabel-xl-top-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-value-text-transform: none; - --spectrum-fieldlabel-xl-top-value-text-alignment: end; - --spectrum-fieldlabel-xl-top-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-value-text-text-align: end; - --spectrum-fieldlabel-xl-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-value-text-text-transform: none; - --spectrum-fieldlabel-xl-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-top-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-top-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-top-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-top-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-top-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-top-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-xl-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-overbackground-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-overbackground-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-side-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-text-transform: none; - --spectrum-fieldlabel-xl-side-text-alignment: start; - --spectrum-fieldlabel-xl-side-text-text-align: start; - --spectrum-fieldlabel-xl-side-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-text-text-transform: none; - --spectrum-fieldlabel-xl-side-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-value-text-transform: none; - --spectrum-fieldlabel-xl-side-value-text-alignment: end; - --spectrum-fieldlabel-xl-side-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-value-text-text-align: end; - --spectrum-fieldlabel-xl-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-value-text-text-transform: none; - --spectrum-fieldlabel-xl-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-xl-side-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-side-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-side-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-side-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-padding-left: var(--spectrum-global-dimension-size-0); -} diff --git a/components/expressvars/css/components/spectrum-heading.css b/components/expressvars/css/components/spectrum-heading.css deleted file mode 100644 index 2d64365aee5..00000000000 --- a/components/expressvars/css/components/spectrum-heading.css +++ /dev/null @@ -1,6914 +0,0 @@ -:root { - --spectrum-heading-xxs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-strong-text-transform: none; - --spectrum-heading-xxs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-text-transform: none; - --spectrum-heading-xs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-text-transform: none; - --spectrum-heading-xs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-strong-text-transform: none; - --spectrum-heading-xs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-text-transform: none; - --spectrum-heading-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-text-transform: none; - --spectrum-heading-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-strong-text-transform: none; - --spectrum-heading-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-text-transform: none; - --spectrum-heading-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-text-transform: none; - --spectrum-heading-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-strong-text-transform: none; - --spectrum-heading-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-text-transform: none; - --spectrum-heading-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-text-transform: none; - --spectrum-heading-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-strong-text-transform: none; - --spectrum-heading-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-text-transform: none; - --spectrum-heading-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-strong-text-transform: none; - --spectrum-heading-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-text-transform: none; - --spectrum-heading-xxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-strong-text-transform: none; - --spectrum-heading-xxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-text-transform: none; - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-strong-text-transform: none; - --spectrum-heading-xxxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-text-transform: none; - --spectrum-heading-xxs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-text-transform: none; - --spectrum-heading-xxs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-strong-text-transform: none; - --spectrum-heading-xxs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-text-transform: none; - --spectrum-heading-xs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-strong-text-transform: none; - --spectrum-heading-xs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-text-transform: none; - --spectrum-heading-xs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-strong-text-transform: none; - --spectrum-heading-xs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-text-transform: none; - --spectrum-heading-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-strong-text-transform: none; - --spectrum-heading-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-text-transform: none; - --spectrum-heading-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-strong-text-transform: none; - --spectrum-heading-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-text-transform: none; - --spectrum-heading-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-strong-text-transform: none; - --spectrum-heading-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-text-transform: none; - --spectrum-heading-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-strong-text-transform: none; - --spectrum-heading-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-text-transform: none; - --spectrum-heading-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-strong-text-transform: none; - --spectrum-heading-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-text-transform: none; - --spectrum-heading-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-strong-text-transform: none; - --spectrum-heading-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-text-transform: none; - --spectrum-heading-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-text-transform: none; - --spectrum-heading-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-strong-text-transform: none; - --spectrum-heading-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-text-transform: none; - --spectrum-heading-xxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-text-transform: none; - --spectrum-heading-xxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-strong-text-transform: none; - --spectrum-heading-xxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-text-transform: none; - --spectrum-heading-xxxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-text-transform: none; - --spectrum-heading-xxxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-strong-text-transform: none; - --spectrum-heading-xxxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-text-transform: none; - --spectrum-heading-xxs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-strong-text-transform: none; - --spectrum-heading-xxs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-text-transform: none; - --spectrum-heading-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-text-transform: none; - --spectrum-heading-xs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-strong-text-transform: none; - --spectrum-heading-xs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-text-transform: none; - --spectrum-heading-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-text-transform: none; - --spectrum-heading-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-strong-text-transform: none; - --spectrum-heading-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-text-transform: none; - --spectrum-heading-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-text-transform: none; - --spectrum-heading-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-strong-text-transform: none; - --spectrum-heading-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-text-transform: none; - --spectrum-heading-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-text-transform: none; - --spectrum-heading-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-strong-text-transform: none; - --spectrum-heading-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-text-transform: none; - --spectrum-heading-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-text-transform: none; - --spectrum-heading-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-strong-text-transform: none; - --spectrum-heading-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-text-transform: none; - --spectrum-heading-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-strong-text-transform: none; - --spectrum-heading-xxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-text-transform: none; - --spectrum-heading-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-strong-text-transform: none; - --spectrum-heading-xxxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-text-transform: none; - --spectrum-heading-xxs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-text-transform: none; - --spectrum-heading-xxs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-strong-text-transform: none; - --spectrum-heading-xxs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-text-transform: none; - --spectrum-heading-xs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-strong-text-transform: none; - --spectrum-heading-xs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-text-transform: none; - --spectrum-heading-xs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-strong-text-transform: none; - --spectrum-heading-xs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-text-transform: none; - --spectrum-heading-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-strong-text-transform: none; - --spectrum-heading-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-text-transform: none; - --spectrum-heading-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-strong-text-transform: none; - --spectrum-heading-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-text-transform: none; - --spectrum-heading-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-strong-text-transform: none; - --spectrum-heading-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-text-transform: none; - --spectrum-heading-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-strong-text-transform: none; - --spectrum-heading-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-text-transform: none; - --spectrum-heading-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-strong-text-transform: none; - --spectrum-heading-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-text-transform: none; - --spectrum-heading-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-strong-text-transform: none; - --spectrum-heading-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-text-transform: none; - --spectrum-heading-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-strong-text-transform: none; - --spectrum-heading-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-text-transform: none; - --spectrum-heading-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-strong-text-transform: none; - --spectrum-heading-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-text-transform: none; - --spectrum-heading-xxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-text-transform: none; - --spectrum-heading-xxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-strong-text-transform: none; - --spectrum-heading-xxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-text-transform: none; - --spectrum-heading-xxxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-text-transform: none; - --spectrum-heading-xxxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-strong-text-transform: none; - --spectrum-heading-xxxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-text-transform: none; - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-text-transform: none; - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-strong-text-transform: none; - --spectrum-heading-xs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-text-transform: none; - --spectrum-heading-s-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-s-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-strong-text-transform: none; - --spectrum-heading-s-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-text-transform: none; - --spectrum-heading-m-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-m-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-strong-text-transform: none; - --spectrum-heading-m-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-text-transform: none; - --spectrum-heading-l-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-l-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-strong-text-transform: none; - --spectrum-heading-l-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-text-transform: none; - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-text-transform: none; - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-text-transform: none; - --spectrum-heading-xxs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-text-transform: none; - --spectrum-heading-xxs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-strong-text-transform: none; - --spectrum-heading-xxs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-text-transform: none; - --spectrum-heading-xs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-text-transform: none; - --spectrum-heading-xs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-strong-text-transform: none; - --spectrum-heading-xs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-text-transform: none; - --spectrum-heading-s-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-s-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-text-transform: none; - --spectrum-heading-s-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-strong-text-transform: none; - --spectrum-heading-s-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-text-transform: none; - --spectrum-heading-m-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-m-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-text-transform: none; - --spectrum-heading-m-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-strong-text-transform: none; - --spectrum-heading-m-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-text-transform: none; - --spectrum-heading-l-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-l-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-text-transform: none; - --spectrum-heading-l-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-strong-text-transform: none; - --spectrum-heading-l-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-text-transform: none; - --spectrum-heading-xl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-text-transform: none; - --spectrum-heading-xl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-strong-text-transform: none; - --spectrum-heading-xl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-text-transform: none; - --spectrum-heading-xxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-text-transform: none; - --spectrum-heading-xxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-strong-text-transform: none; - --spectrum-heading-xxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-text-transform: none; - --spectrum-heading-xxxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-text-transform: none; - --spectrum-heading-xxxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-strong-text-transform: none; - --spectrum-heading-xxxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-text-transform: none; - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-serif-light-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-text-transform: none; - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-strong-text-transform: none; - --spectrum-heading-han-xs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-serif-light-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-text-transform: none; - --spectrum-heading-han-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-strong-text-transform: none; - --spectrum-heading-han-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-serif-light-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-text-transform: none; - --spectrum-heading-han-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-strong-text-transform: none; - --spectrum-heading-han-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-serif-light-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-text-transform: none; - --spectrum-heading-han-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-strong-text-transform: none; - --spectrum-heading-han-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-serif-light-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-text-transform: none; - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-serif-light-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-text-transform: none; - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-serif-light-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-serif-light-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-text-transform: none; - --spectrum-heading-han-xxs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-text-transform: none; - --spectrum-heading-han-xxs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-strong-text-transform: none; - --spectrum-heading-han-xxs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-light-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-text-transform: none; - --spectrum-heading-han-xs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-light-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-text-transform: none; - --spectrum-heading-han-xs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-strong-text-transform: none; - --spectrum-heading-han-xs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-light-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-text-transform: none; - --spectrum-heading-han-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-light-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-text-transform: none; - --spectrum-heading-han-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-strong-text-transform: none; - --spectrum-heading-han-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-light-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-text-transform: none; - --spectrum-heading-han-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-light-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-text-transform: none; - --spectrum-heading-han-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-strong-text-transform: none; - --spectrum-heading-han-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-light-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-text-transform: none; - --spectrum-heading-han-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-light-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-text-transform: none; - --spectrum-heading-han-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-strong-text-transform: none; - --spectrum-heading-han-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-light-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-text-transform: none; - --spectrum-heading-han-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-text-transform: none; - --spectrum-heading-han-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-strong-text-transform: none; - --spectrum-heading-han-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-light-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-text-transform: none; - --spectrum-heading-han-xxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-text-transform: none; - --spectrum-heading-han-xxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-strong-text-transform: none; - --spectrum-heading-han-xxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-light-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-text-transform: none; - --spectrum-heading-han-xxxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-strong-text-transform: none; - --spectrum-heading-han-xxxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-light-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-text-transform: none; - --spectrum-heading-han-xxs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-serif-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-text-transform: none; - --spectrum-heading-han-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-strong-text-transform: none; - --spectrum-heading-han-xs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-serif-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-text-transform: none; - --spectrum-heading-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-serif-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-strong-text-transform: none; - --spectrum-heading-han-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-serif-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-text-transform: none; - --spectrum-heading-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-serif-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-strong-text-transform: none; - --spectrum-heading-han-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-serif-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-text-transform: none; - --spectrum-heading-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-serif-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-strong-text-transform: none; - --spectrum-heading-han-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-serif-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-text-transform: none; - --spectrum-heading-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-strong-text-transform: none; - --spectrum-heading-han-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-serif-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-text-transform: none; - --spectrum-heading-han-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-serif-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-text-transform: none; - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-serif-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-text-transform: none; - --spectrum-heading-han-xxs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-text-transform: none; - --spectrum-heading-han-xxs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-strong-text-transform: none; - --spectrum-heading-han-xxs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-text-transform: none; - --spectrum-heading-han-xs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-text-transform: none; - --spectrum-heading-han-xs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-strong-text-transform: none; - --spectrum-heading-han-xs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-text-transform: none; - --spectrum-heading-han-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-text-transform: none; - --spectrum-heading-han-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-strong-text-transform: none; - --spectrum-heading-han-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-text-transform: none; - --spectrum-heading-han-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-text-transform: none; - --spectrum-heading-han-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-strong-text-transform: none; - --spectrum-heading-han-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-text-transform: none; - --spectrum-heading-han-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-text-transform: none; - --spectrum-heading-han-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-strong-text-transform: none; - --spectrum-heading-han-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-text-transform: none; - --spectrum-heading-han-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-text-transform: none; - --spectrum-heading-han-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-strong-text-transform: none; - --spectrum-heading-han-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-text-transform: none; - --spectrum-heading-han-xxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-text-transform: none; - --spectrum-heading-han-xxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-strong-text-transform: none; - --spectrum-heading-han-xxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-text-transform: none; - --spectrum-heading-han-xxxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-strong-text-transform: none; - --spectrum-heading-han-xxxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-serif-heavy-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-text-transform: none; - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-s-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-serif-heavy-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-text-transform: none; - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-m-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-serif-heavy-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-text-transform: none; - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-l-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-serif-heavy-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-strong-text-transform: none; - --spectrum-heading-han-xxs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-heavy-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-text-transform: none; - --spectrum-heading-han-xs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-strong-text-transform: none; - --spectrum-heading-han-xs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-heavy-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-text-transform: none; - --spectrum-heading-han-s-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-text-transform: none; - --spectrum-heading-han-s-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-strong-text-transform: none; - --spectrum-heading-han-s-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-heavy-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-text-transform: none; - --spectrum-heading-han-m-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-text-transform: none; - --spectrum-heading-han-m-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-strong-text-transform: none; - --spectrum-heading-han-m-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-heavy-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-text-transform: none; - --spectrum-heading-han-l-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-text-transform: none; - --spectrum-heading-han-l-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-strong-text-transform: none; - --spectrum-heading-han-l-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-heavy-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-text-transform: none; - --spectrum-heading-han-xl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-strong-text-transform: none; - --spectrum-heading-han-xl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-heavy-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-text-transform: none; - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-strong-text-transform: none; - --spectrum-heading-han-xxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-heavy-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-text-transform: none; - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-strong-text-transform: none; - --spectrum-heading-han-xxxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-heavy-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-text-transform: none; -} diff --git a/components/expressvars/css/components/spectrum-helptext.css b/components/expressvars/css/components/spectrum-helptext.css deleted file mode 100644 index 3a3ace1ae1a..00000000000 --- a/components/expressvars/css/components/spectrum-helptext.css +++ /dev/null @@ -1,610 +0,0 @@ -:root { - --spectrum-helptext-s-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-transform: none; - --spectrum-helptext-s-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-texticon-text-render: yes; - --spectrum-helptext-s-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-neutral-texticon-text-text-transform: none; - --spectrum-helptext-s-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-type: icon; - --spectrum-helptext-s-neutral-texticon-icon-render: yes; - --spectrum-helptext-s-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-neutral-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-transform: none; - --spectrum-helptext-s-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-texticon-text-render: yes; - --spectrum-helptext-s-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-negative-texticon-text-text-transform: none; - --spectrum-helptext-s-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-type: icon; - --spectrum-helptext-s-negative-texticon-icon-render: yes; - --spectrum-helptext-s-negative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-negative-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-transform: none; - --spectrum-helptext-s-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-textonly-text-render: yes; - --spectrum-helptext-s-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-neutral-textonly-text-text-transform: none; - --spectrum-helptext-s-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-type: icon; - --spectrum-helptext-s-neutral-textonly-icon-render: no; - --spectrum-helptext-s-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-neutral-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-transform: none; - --spectrum-helptext-s-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-textonly-text-render: yes; - --spectrum-helptext-s-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-negative-textonly-text-text-transform: none; - --spectrum-helptext-s-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-type: icon; - --spectrum-helptext-s-negative-textonly-icon-render: no; - --spectrum-helptext-s-negative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-negative-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-transform: none; - --spectrum-helptext-m-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-texticon-text-render: yes; - --spectrum-helptext-m-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-neutral-texticon-text-text-transform: none; - --spectrum-helptext-m-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-texticon-icon-type: icon; - --spectrum-helptext-m-neutral-texticon-icon-render: yes; - --spectrum-helptext-m-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-neutral-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-transform: none; - --spectrum-helptext-m-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-texticon-text-render: yes; - --spectrum-helptext-m-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-negative-texticon-text-text-transform: none; - --spectrum-helptext-m-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-texticon-icon-type: icon; - --spectrum-helptext-m-negative-texticon-icon-render: yes; - --spectrum-helptext-m-negative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-negative-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-transform: none; - --spectrum-helptext-m-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-textonly-text-render: yes; - --spectrum-helptext-m-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-neutral-textonly-text-text-transform: none; - --spectrum-helptext-m-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-textonly-icon-type: icon; - --spectrum-helptext-m-neutral-textonly-icon-render: no; - --spectrum-helptext-m-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-neutral-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-transform: none; - --spectrum-helptext-m-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-textonly-text-render: yes; - --spectrum-helptext-m-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-negative-textonly-text-text-transform: none; - --spectrum-helptext-m-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-textonly-icon-type: icon; - --spectrum-helptext-m-negative-textonly-icon-render: no; - --spectrum-helptext-m-negative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-negative-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-l-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-transform: none; - --spectrum-helptext-l-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-texticon-text-render: yes; - --spectrum-helptext-l-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-neutral-texticon-text-text-transform: none; - --spectrum-helptext-l-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-icon-type: icon; - --spectrum-helptext-l-neutral-texticon-icon-render: yes; - --spectrum-helptext-l-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-transform: none; - --spectrum-helptext-l-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-texticon-text-render: yes; - --spectrum-helptext-l-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-negative-texticon-text-text-transform: none; - --spectrum-helptext-l-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-icon-type: icon; - --spectrum-helptext-l-negative-texticon-icon-render: yes; - --spectrum-helptext-l-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-transform: none; - --spectrum-helptext-l-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-textonly-text-render: yes; - --spectrum-helptext-l-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-neutral-textonly-text-text-transform: none; - --spectrum-helptext-l-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-icon-type: icon; - --spectrum-helptext-l-neutral-textonly-icon-render: no; - --spectrum-helptext-l-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-transform: none; - --spectrum-helptext-l-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-textonly-text-render: yes; - --spectrum-helptext-l-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-negative-textonly-text-text-transform: none; - --spectrum-helptext-l-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-icon-type: icon; - --spectrum-helptext-l-negative-textonly-icon-render: no; - --spectrum-helptext-l-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-xl-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-transform: none; - --spectrum-helptext-xl-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-texticon-text-render: yes; - --spectrum-helptext-xl-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-neutral-texticon-text-text-transform: none; - --spectrum-helptext-xl-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-texticon-icon-type: icon; - --spectrum-helptext-xl-neutral-texticon-icon-render: yes; - --spectrum-helptext-xl-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-neutral-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-transform: none; - --spectrum-helptext-xl-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-texticon-text-render: yes; - --spectrum-helptext-xl-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-negative-texticon-text-text-transform: none; - --spectrum-helptext-xl-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-icon-type: icon; - --spectrum-helptext-xl-negative-texticon-icon-render: yes; - --spectrum-helptext-xl-negative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-negative-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-transform: none; - --spectrum-helptext-xl-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-textonly-text-render: yes; - --spectrum-helptext-xl-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-neutral-textonly-text-text-transform: none; - --spectrum-helptext-xl-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-icon-type: icon; - --spectrum-helptext-xl-neutral-textonly-icon-render: no; - --spectrum-helptext-xl-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-neutral-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-transform: none; - --spectrum-helptext-xl-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-textonly-text-render: yes; - --spectrum-helptext-xl-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-negative-textonly-text-text-transform: none; - --spectrum-helptext-xl-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-icon-type: icon; - --spectrum-helptext-xl-negative-textonly-icon-render: no; - --spectrum-helptext-xl-negative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-negative-textonly-height: var(--spectrum-global-dimension-size-500); -} diff --git a/components/expressvars/css/components/spectrum-illustratedmessage.css b/components/expressvars/css/components/spectrum-illustratedmessage.css deleted file mode 100644 index 0fa64ef6393..00000000000 --- a/components/expressvars/css/components/spectrum-illustratedmessage.css +++ /dev/null @@ -1,25 +0,0 @@ -:root { - --spectrum-illustratedmessage-heading-color: var(--spectrum-global-color-gray-800); - --spectrum-illustratedmessage-illustration-color: var(--spectrum-global-color-gray-500); - --spectrum-illustratedmessage-description-color: var(--spectrum-global-color-gray-700); - --spectrum-illustratedmessage-heading-margin-top: var(--spectrum-global-dimension-size-300); - --spectrum-illustratedmessage-heading-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-illustratedmessage-heading-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-illustratedmessage-heading-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-illustratedmessage-heading-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-illustratedmessage-heading-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-illustratedmessage-heading-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-illustratedmessage-heading-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-illustratedmessage-heading-font-style: var(--spectrum-global-font-style-regular); - --spectrum-illustratedmessage-heading-text-transform: none; - --spectrum-illustratedmessage-description-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-illustratedmessage-description-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-illustratedmessage-description-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-illustratedmessage-description-font-style: var(--spectrum-global-font-style-regular); - --spectrum-illustratedmessage-description-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-illustratedmessage-description-margin-top: 0px; - --spectrum-illustratedmessage-description-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-illustratedmessage-description-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-illustratedmessage-description-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-illustratedmessage-description-text-transform: none; -} diff --git a/components/expressvars/css/components/spectrum-infieldbutton.css b/components/expressvars/css/components/spectrum-infieldbutton.css deleted file mode 100644 index 62b468a3f15..00000000000 --- a/components/expressvars/css/components/spectrum-infieldbutton.css +++ /dev/null @@ -1,647 +0,0 @@ -:root { - --spectrum-infieldbutton-s-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-left-focusring-render-disabled: no; - --spectrum-infieldbutton-s-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-left-fill-border-color: transparent; - --spectrum-infieldbutton-s-left-focusring-render: no; - --spectrum-infieldbutton-s-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-left-focusring-render-down: no; - --spectrum-infieldbutton-s-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-left-focusring-render-hover: no; - --spectrum-infieldbutton-s-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-left-fill-icon-render: yes; - --spectrum-infieldbutton-s-left-fill-icon-type: icon; - --spectrum-infieldbutton-s-left-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-left-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-left-focusring-type: focusring; - --spectrum-infieldbutton-s-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-left-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-left-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-s-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-right-focusring-render-disabled: no; - --spectrum-infieldbutton-s-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-right-fill-border-color: transparent; - --spectrum-infieldbutton-s-right-focusring-render: no; - --spectrum-infieldbutton-s-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-right-focusring-render-down: no; - --spectrum-infieldbutton-s-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-right-focusring-render-hover: no; - --spectrum-infieldbutton-s-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-right-fill-icon-render: yes; - --spectrum-infieldbutton-s-right-fill-icon-type: icon; - --spectrum-infieldbutton-s-right-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-right-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-right-focusring-type: focusring; - --spectrum-infieldbutton-s-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-right-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-right-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-s-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-none-focusring-render-disabled: no; - --spectrum-infieldbutton-s-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-none-fill-border-color: transparent; - --spectrum-infieldbutton-s-none-focusring-render: no; - --spectrum-infieldbutton-s-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-none-focusring-render-down: no; - --spectrum-infieldbutton-s-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-none-focusring-render-hover: no; - --spectrum-infieldbutton-s-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-none-fill-icon-render: yes; - --spectrum-infieldbutton-s-none-fill-icon-type: icon; - --spectrum-infieldbutton-s-none-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-none-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-none-focusring-type: focusring; - --spectrum-infieldbutton-s-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-none-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-none-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-m-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-left-focusring-render-disabled: no; - --spectrum-infieldbutton-m-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-left-fill-border-color: transparent; - --spectrum-infieldbutton-m-left-focusring-render: no; - --spectrum-infieldbutton-m-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-left-focusring-render-down: no; - --spectrum-infieldbutton-m-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-left-focusring-render-hover: no; - --spectrum-infieldbutton-m-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-left-fill-icon-render: yes; - --spectrum-infieldbutton-m-left-fill-icon-type: icon; - --spectrum-infieldbutton-m-left-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-left-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-left-focusring-type: focusring; - --spectrum-infieldbutton-m-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-left-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-left-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-m-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-right-focusring-render-disabled: no; - --spectrum-infieldbutton-m-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-right-fill-border-color: transparent; - --spectrum-infieldbutton-m-right-focusring-render: no; - --spectrum-infieldbutton-m-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-right-focusring-render-down: no; - --spectrum-infieldbutton-m-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-right-focusring-render-hover: no; - --spectrum-infieldbutton-m-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-right-fill-icon-render: yes; - --spectrum-infieldbutton-m-right-fill-icon-type: icon; - --spectrum-infieldbutton-m-right-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-right-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-right-focusring-type: focusring; - --spectrum-infieldbutton-m-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-right-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-right-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-m-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-none-focusring-render-disabled: no; - --spectrum-infieldbutton-m-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-none-fill-border-color: transparent; - --spectrum-infieldbutton-m-none-focusring-render: no; - --spectrum-infieldbutton-m-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-none-focusring-render-down: no; - --spectrum-infieldbutton-m-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-none-focusring-render-hover: no; - --spectrum-infieldbutton-m-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-none-fill-icon-render: yes; - --spectrum-infieldbutton-m-none-fill-icon-type: icon; - --spectrum-infieldbutton-m-none-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-none-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-none-focusring-type: focusring; - --spectrum-infieldbutton-m-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-none-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-none-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-l-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-left-focusring-render-disabled: no; - --spectrum-infieldbutton-l-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-left-fill-border-color: transparent; - --spectrum-infieldbutton-l-left-focusring-render: no; - --spectrum-infieldbutton-l-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-left-focusring-render-down: no; - --spectrum-infieldbutton-l-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-left-focusring-render-hover: no; - --spectrum-infieldbutton-l-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-left-fill-icon-render: yes; - --spectrum-infieldbutton-l-left-fill-icon-type: icon; - --spectrum-infieldbutton-l-left-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-left-focusring-type: focusring; - --spectrum-infieldbutton-l-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-left-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-left-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-l-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-right-focusring-render-disabled: no; - --spectrum-infieldbutton-l-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-right-fill-border-color: transparent; - --spectrum-infieldbutton-l-right-focusring-render: no; - --spectrum-infieldbutton-l-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-right-focusring-render-down: no; - --spectrum-infieldbutton-l-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-right-focusring-render-hover: no; - --spectrum-infieldbutton-l-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-right-fill-icon-render: yes; - --spectrum-infieldbutton-l-right-fill-icon-type: icon; - --spectrum-infieldbutton-l-right-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-right-focusring-type: focusring; - --spectrum-infieldbutton-l-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-right-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-right-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-l-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-none-focusring-render-disabled: no; - --spectrum-infieldbutton-l-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-none-fill-border-color: transparent; - --spectrum-infieldbutton-l-none-focusring-render: no; - --spectrum-infieldbutton-l-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-none-focusring-render-down: no; - --spectrum-infieldbutton-l-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-none-focusring-render-hover: no; - --spectrum-infieldbutton-l-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-none-fill-icon-render: yes; - --spectrum-infieldbutton-l-none-fill-icon-type: icon; - --spectrum-infieldbutton-l-none-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-none-focusring-type: focusring; - --spectrum-infieldbutton-l-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-none-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-none-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-xl-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-left-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-left-fill-border-color: transparent; - --spectrum-infieldbutton-xl-left-focusring-render: no; - --spectrum-infieldbutton-xl-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-down: no; - --spectrum-infieldbutton-xl-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-hover: no; - --spectrum-infieldbutton-xl-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-left-fill-icon-render: yes; - --spectrum-infieldbutton-xl-left-fill-icon-type: icon; - --spectrum-infieldbutton-xl-left-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-left-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-left-focusring-type: focusring; - --spectrum-infieldbutton-xl-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-left-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-left-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-infieldbutton-xl-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-right-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-right-fill-border-color: transparent; - --spectrum-infieldbutton-xl-right-focusring-render: no; - --spectrum-infieldbutton-xl-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-down: no; - --spectrum-infieldbutton-xl-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-hover: no; - --spectrum-infieldbutton-xl-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-right-fill-icon-render: yes; - --spectrum-infieldbutton-xl-right-fill-icon-type: icon; - --spectrum-infieldbutton-xl-right-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-right-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-right-focusring-type: focusring; - --spectrum-infieldbutton-xl-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-right-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-right-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-infieldbutton-xl-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-none-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-none-fill-border-color: transparent; - --spectrum-infieldbutton-xl-none-focusring-render: no; - --spectrum-infieldbutton-xl-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-down: no; - --spectrum-infieldbutton-xl-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-hover: no; - --spectrum-infieldbutton-xl-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-none-fill-icon-render: yes; - --spectrum-infieldbutton-xl-none-fill-icon-type: icon; - --spectrum-infieldbutton-xl-none-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-none-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-none-focusring-type: focusring; - --spectrum-infieldbutton-xl-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-none-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-none-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/expressvars/css/components/spectrum-inlinealert.css b/components/expressvars/css/components/spectrum-inlinealert.css deleted file mode 100644 index 8e6078f3320..00000000000 --- a/components/expressvars/css/components/spectrum-inlinealert.css +++ /dev/null @@ -1,56 +0,0 @@ -:root { - --spectrum-inlinealert-neutral-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-neutral-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-neutral-icon-color: var(--spectrum-alias-icon-color); - --spectrum-inlinealert-neutral-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-neutral-border-color: var(--spectrum-global-color-gray-600); - --spectrum-inlinealert-neutral-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-neutral-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-neutral-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-neutral-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-info-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-info-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-info-icon-color: var(--spectrum-semantic-informative-icon-color); - --spectrum-inlinealert-info-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-info-border-color: var(--spectrum-semantic-informative-border-color); - --spectrum-inlinealert-info-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-info-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-info-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-info-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-error-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-error-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-error-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-inlinealert-error-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-error-border-color: var(--spectrum-semantic-negative-border-color); - --spectrum-inlinealert-error-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-error-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-error-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-error-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-help-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-help-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-help-icon-color: var(--spectrum-semantic-informative-icon-color); - --spectrum-inlinealert-help-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-help-border-color: var(--spectrum-semantic-informative-border-color); - --spectrum-inlinealert-help-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-help-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-help-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-help-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-success-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-success-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-success-icon-color: var(--spectrum-semantic-positive-icon-color); - --spectrum-inlinealert-success-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-success-border-color: var(--spectrum-semantic-positive-border-color); - --spectrum-inlinealert-success-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-success-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-success-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-success-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-negative-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-negative-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-negative-icon-color: var(--spectrum-semantic-notice-icon-color); - --spectrum-inlinealert-negative-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-negative-border-color: var(--spectrum-semantic-notice-border-color); - --spectrum-inlinealert-negative-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-negative-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-negative-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-negative-padding-y: var(--spectrum-global-dimension-static-size-250); -} diff --git a/components/expressvars/css/components/spectrum-label.css b/components/expressvars/css/components/spectrum-label.css deleted file mode 100644 index 6111da01ea0..00000000000 --- a/components/expressvars/css/components/spectrum-label.css +++ /dev/null @@ -1,122 +0,0 @@ -:root { - --spectrum-label-colored-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-label-colored-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-gray-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-green-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-blue-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-red-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-seafoam-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-fuchsia-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-orange-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-yellow-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-text-color: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-down: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-down: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-down: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-down: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-hover: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-hover: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-hover: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-hover: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-key-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-key-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-key-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-key-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-mouse-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-mouse-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-mouse-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-label-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-gray-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-green-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-blue-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-red-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-seafoam-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-fuchsia-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-orange-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-yellow-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-text-color: var(--spectrum-global-color-static-white); - --spectrum-label-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-down: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-down: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-down: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-down: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-hover: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-hover: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-hover: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-hover: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-key-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-key-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-key-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-key-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-mouse-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-mouse-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-mouse-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); -} diff --git a/components/expressvars/css/components/spectrum-link.css b/components/expressvars/css/components/spectrum-link.css deleted file mode 100644 index 4a31ce9ba4c..00000000000 --- a/components/expressvars/css/components/spectrum-link.css +++ /dev/null @@ -1,1058 +0,0 @@ -:root { - --spectrum-link-s-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-overbackground-text-transform: none; - --spectrum-link-s-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-s-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-overbackground-text-transform: none; - --spectrum-link-s-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-overbackground-text-text-transform: none; - --spectrum-link-s-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-text-transform: none; - --spectrum-link-s-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-quiet-text-text-transform: none; - --spectrum-link-s-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-text-transform: none; - --spectrum-link-s-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-text-text-transform: none; - --spectrum-link-s-primary-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-s-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-s-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-overbackground-text-transform: none; - --spectrum-link-s-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-overbackground-text-text-transform: none; - --spectrum-link-s-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-text-transform: none; - --spectrum-link-s-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-quiet-text-text-transform: none; - --spectrum-link-s-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-text-transform: none; - --spectrum-link-s-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-text-text-transform: none; - --spectrum-link-s-secondary-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-overbackground-text-transform: none; - --spectrum-link-m-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-m-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-overbackground-text-transform: none; - --spectrum-link-m-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-overbackground-text-text-transform: none; - --spectrum-link-m-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-text-transform: none; - --spectrum-link-m-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-quiet-text-text-transform: none; - --spectrum-link-m-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-text-transform: none; - --spectrum-link-m-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-text-text-transform: none; - --spectrum-link-m-primary-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-m-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-m-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-overbackground-text-transform: none; - --spectrum-link-m-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-overbackground-text-text-transform: none; - --spectrum-link-m-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-text-transform: none; - --spectrum-link-m-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-quiet-text-text-transform: none; - --spectrum-link-m-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-text-transform: none; - --spectrum-link-m-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-text-text-transform: none; - --spectrum-link-m-secondary-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-overbackground-text-transform: none; - --spectrum-link-l-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-l-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-overbackground-text-transform: none; - --spectrum-link-l-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-overbackground-text-text-transform: none; - --spectrum-link-l-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-text-transform: none; - --spectrum-link-l-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-quiet-text-text-transform: none; - --spectrum-link-l-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-text-transform: none; - --spectrum-link-l-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-text-text-transform: none; - --spectrum-link-l-primary-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-l-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-l-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-overbackground-text-transform: none; - --spectrum-link-l-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-overbackground-text-text-transform: none; - --spectrum-link-l-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-text-transform: none; - --spectrum-link-l-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-quiet-text-text-transform: none; - --spectrum-link-l-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-text-transform: none; - --spectrum-link-l-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-text-text-transform: none; - --spectrum-link-l-secondary-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-overbackground-text-transform: none; - --spectrum-link-xl-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-xl-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-overbackground-text-transform: none; - --spectrum-link-xl-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-overbackground-text-text-transform: none; - --spectrum-link-xl-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-text-transform: none; - --spectrum-link-xl-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-quiet-text-text-transform: none; - --spectrum-link-xl-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-text-transform: none; - --spectrum-link-xl-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-text-text-transform: none; - --spectrum-link-xl-primary-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-xl-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-overbackground-text-transform: none; - --spectrum-link-xl-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-overbackground-text-text-transform: none; - --spectrum-link-xl-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-text-transform: none; - --spectrum-link-xl-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-quiet-text-text-transform: none; - --spectrum-link-xl-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-text-transform: none; - --spectrum-link-xl-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-text-text-transform: none; - --spectrum-link-xl-secondary-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-underline-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-listitem.css b/components/expressvars/css/components/spectrum-listitem.css deleted file mode 100644 index fe871899d1b..00000000000 --- a/components/expressvars/css/components/spectrum-listitem.css +++ /dev/null @@ -1,1896 +0,0 @@ -:root { - --spectrum-listitem-s-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-s-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render: no; - --spectrum-listitem-s-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-down: no; - --spectrum-listitem-s-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-hover: no; - --spectrum-listitem-s-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-texticon-text-transform: none; - --spectrum-listitem-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-texticon-text-render: yes; - --spectrum-listitem-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-texticon-text-text-transform: none; - --spectrum-listitem-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-icon-margin-top: 0; - --spectrum-listitem-s-texticon-icon-margin-bottom: 0; - --spectrum-listitem-s-texticon-icon-type: icon; - --spectrum-listitem-s-texticon-icon-render: yes; - --spectrum-listitem-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-s-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-texticon-thumbnail-type: icon; - --spectrum-listitem-s-texticon-thumbnail-render: yes; - --spectrum-listitem-s-texticon-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-texticon-focus-ring-type: focusring; - --spectrum-listitem-s-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-s-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-s-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render: no; - --spectrum-listitem-s-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-down: no; - --spectrum-listitem-s-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-hover: no; - --spectrum-listitem-s-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-textonly-text-transform: none; - --spectrum-listitem-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textonly-text-render: yes; - --spectrum-listitem-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-textonly-text-text-transform: none; - --spectrum-listitem-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-icon-margin-top: 0; - --spectrum-listitem-s-textonly-icon-margin-bottom: 0; - --spectrum-listitem-s-textonly-icon-type: icon; - --spectrum-listitem-s-textonly-icon-render: no; - --spectrum-listitem-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-s-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-textonly-thumbnail-type: icon; - --spectrum-listitem-s-textonly-thumbnail-render: no; - --spectrum-listitem-s-textonly-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textonly-focus-ring-type: focusring; - --spectrum-listitem-s-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-s-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-textthumbnail-text-transform: none; - --spectrum-listitem-s-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textthumbnail-text-render: yes; - --spectrum-listitem-s-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-textthumbnail-text-text-transform: none; - --spectrum-listitem-s-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-s-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-s-textthumbnail-icon-type: icon; - --spectrum-listitem-s-textthumbnail-icon-render: yes; - --spectrum-listitem-s-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-s-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-s-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-s-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-s-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-textthumbnail-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-m-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render: no; - --spectrum-listitem-m-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-down: no; - --spectrum-listitem-m-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-hover: no; - --spectrum-listitem-m-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-texticon-text-transform: none; - --spectrum-listitem-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-texticon-text-render: yes; - --spectrum-listitem-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-texticon-text-text-transform: none; - --spectrum-listitem-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-icon-margin-top: 0; - --spectrum-listitem-m-texticon-icon-margin-bottom: 0; - --spectrum-listitem-m-texticon-icon-type: icon; - --spectrum-listitem-m-texticon-icon-render: yes; - --spectrum-listitem-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-m-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-texticon-thumbnail-type: icon; - --spectrum-listitem-m-texticon-thumbnail-render: yes; - --spectrum-listitem-m-texticon-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-texticon-focus-ring-type: focusring; - --spectrum-listitem-m-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-m-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render: no; - --spectrum-listitem-m-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-down: no; - --spectrum-listitem-m-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-hover: no; - --spectrum-listitem-m-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-textonly-text-transform: none; - --spectrum-listitem-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textonly-text-render: yes; - --spectrum-listitem-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-textonly-text-text-transform: none; - --spectrum-listitem-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-icon-margin-top: 0; - --spectrum-listitem-m-textonly-icon-margin-bottom: 0; - --spectrum-listitem-m-textonly-icon-type: icon; - --spectrum-listitem-m-textonly-icon-render: no; - --spectrum-listitem-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-m-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-textonly-thumbnail-type: icon; - --spectrum-listitem-m-textonly-thumbnail-render: no; - --spectrum-listitem-m-textonly-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textonly-focus-ring-type: focusring; - --spectrum-listitem-m-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-textthumbnail-text-transform: none; - --spectrum-listitem-m-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textthumbnail-text-render: yes; - --spectrum-listitem-m-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-textthumbnail-text-text-transform: none; - --spectrum-listitem-m-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-m-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-m-textthumbnail-icon-type: icon; - --spectrum-listitem-m-textthumbnail-icon-render: yes; - --spectrum-listitem-m-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-m-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-m-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-m-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-m-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-textthumbnail-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-l-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render: no; - --spectrum-listitem-l-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-down: no; - --spectrum-listitem-l-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-hover: no; - --spectrum-listitem-l-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-texticon-text-transform: none; - --spectrum-listitem-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-texticon-text-render: yes; - --spectrum-listitem-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-texticon-text-text-transform: none; - --spectrum-listitem-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-icon-margin-top: 0; - --spectrum-listitem-l-texticon-icon-margin-bottom: 0; - --spectrum-listitem-l-texticon-icon-type: icon; - --spectrum-listitem-l-texticon-icon-render: yes; - --spectrum-listitem-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-l-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-texticon-thumbnail-type: icon; - --spectrum-listitem-l-texticon-thumbnail-render: yes; - --spectrum-listitem-l-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-texticon-focus-ring-type: focusring; - --spectrum-listitem-l-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-l-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render: no; - --spectrum-listitem-l-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-down: no; - --spectrum-listitem-l-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-hover: no; - --spectrum-listitem-l-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-textonly-text-transform: none; - --spectrum-listitem-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textonly-text-render: yes; - --spectrum-listitem-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-textonly-text-text-transform: none; - --spectrum-listitem-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-icon-margin-top: 0; - --spectrum-listitem-l-textonly-icon-margin-bottom: 0; - --spectrum-listitem-l-textonly-icon-type: icon; - --spectrum-listitem-l-textonly-icon-render: no; - --spectrum-listitem-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-l-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-textonly-thumbnail-type: icon; - --spectrum-listitem-l-textonly-thumbnail-render: no; - --spectrum-listitem-l-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textonly-focus-ring-type: focusring; - --spectrum-listitem-l-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-textthumbnail-text-transform: none; - --spectrum-listitem-l-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textthumbnail-text-render: yes; - --spectrum-listitem-l-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-textthumbnail-text-text-transform: none; - --spectrum-listitem-l-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-l-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-l-textthumbnail-icon-type: icon; - --spectrum-listitem-l-textthumbnail-icon-render: yes; - --spectrum-listitem-l-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-l-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-l-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-l-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-l-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-textthumbnail-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-l-textthumbnail-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render: no; - --spectrum-listitem-xl-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-down: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-hover: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-texticon-text-transform: none; - --spectrum-listitem-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-texticon-text-render: yes; - --spectrum-listitem-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-texticon-text-text-transform: none; - --spectrum-listitem-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-icon-margin-top: 0; - --spectrum-listitem-xl-texticon-icon-margin-bottom: 0; - --spectrum-listitem-xl-texticon-icon-type: icon; - --spectrum-listitem-xl-texticon-icon-render: yes; - --spectrum-listitem-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-xl-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-texticon-thumbnail-type: icon; - --spectrum-listitem-xl-texticon-thumbnail-render: yes; - --spectrum-listitem-xl-texticon-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-texticon-focus-ring-type: focusring; - --spectrum-listitem-xl-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render: no; - --spectrum-listitem-xl-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-down: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-hover: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-textonly-text-transform: none; - --spectrum-listitem-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textonly-text-render: yes; - --spectrum-listitem-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-textonly-text-text-transform: none; - --spectrum-listitem-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-icon-margin-top: 0; - --spectrum-listitem-xl-textonly-icon-margin-bottom: 0; - --spectrum-listitem-xl-textonly-icon-type: icon; - --spectrum-listitem-xl-textonly-icon-render: no; - --spectrum-listitem-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-xl-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-textonly-thumbnail-type: icon; - --spectrum-listitem-xl-textonly-thumbnail-render: no; - --spectrum-listitem-xl-textonly-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textonly-focus-ring-type: focusring; - --spectrum-listitem-xl-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-textthumbnail-text-transform: none; - --spectrum-listitem-xl-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textthumbnail-text-render: yes; - --spectrum-listitem-xl-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-textthumbnail-text-text-transform: none; - --spectrum-listitem-xl-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-xl-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-xl-textthumbnail-icon-type: icon; - --spectrum-listitem-xl-textthumbnail-icon-render: yes; - --spectrum-listitem-xl-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-xl-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-xl-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-xl-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-xl-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textthumbnail-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-xl-textthumbnail-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/expressvars/css/components/spectrum-logicbutton.css b/components/expressvars/css/components/spectrum-logicbutton.css deleted file mode 100644 index ffb8f5c55b7..00000000000 --- a/components/expressvars/css/components/spectrum-logicbutton.css +++ /dev/null @@ -1,80 +0,0 @@ -:root { - --spectrum-logicbutton-and-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-and-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-and-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-and-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-and-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-border-color: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-down: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-down: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-hover: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-hover: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-key-focus: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-logicbutton-and-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-border-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-and-text-transform: none; - --spectrum-logicbutton-and-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-logicbutton-and-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-logicbutton-and-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-logicbutton-and-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-logicbutton-and-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-logicbutton-and-text-text-transform: none; - --spectrum-logicbutton-and-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-and-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-logicbutton-and-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-logicbutton-and-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-logicbutton-or-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-or-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-or-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-or-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-or-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-border-color: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-down: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-down: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-hover: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-hover: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-key-focus: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-logicbutton-or-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-mouse-focus: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-border-color-mouse-focus: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-or-text-transform: none; - --spectrum-logicbutton-or-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-logicbutton-or-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-logicbutton-or-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-logicbutton-or-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-logicbutton-or-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-logicbutton-or-text-text-transform: none; - --spectrum-logicbutton-or-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-or-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-logicbutton-or-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-logicbutton-or-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/expressvars/css/components/spectrum-meter.css b/components/expressvars/css/components/spectrum-meter.css deleted file mode 100644 index 83ad0828f3a..00000000000 --- a/components/expressvars/css/components/spectrum-meter.css +++ /dev/null @@ -1,1388 +0,0 @@ -:root { - --spectrum-meter-s-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-text-transform: none; - --spectrum-meter-s-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-text-text-transform: none; - --spectrum-meter-s-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-s-negative-overbackground-value-text-alignment: end; - --spectrum-meter-s-negative-overbackground-value-text-align: end; - --spectrum-meter-s-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-value-text-transform: none; - --spectrum-meter-s-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-negative-overbackground-value-text-render: yes; - --spectrum-meter-s-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-s-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-s-negative-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-text-transform: none; - --spectrum-meter-s-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-text-text-transform: none; - --spectrum-meter-s-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-value-gap-y: 0px; - --spectrum-meter-s-negative-value-text-alignment: end; - --spectrum-meter-s-negative-value-text-align: end; - --spectrum-meter-s-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-value-text-transform: none; - --spectrum-meter-s-negative-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-negative-value-text-render: yes; - --spectrum-meter-s-negative-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-value-text-text-transform: none; - --spectrum-meter-s-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-negative-fill-border-radius: 0; - --spectrum-meter-s-negative-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-negative-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-text-transform: none; - --spectrum-meter-s-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-text-text-transform: none; - --spectrum-meter-s-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-s-notice-overbackground-value-text-alignment: end; - --spectrum-meter-s-notice-overbackground-value-text-align: end; - --spectrum-meter-s-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-value-text-transform: none; - --spectrum-meter-s-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-notice-overbackground-value-text-render: yes; - --spectrum-meter-s-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-s-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-s-notice-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-text-transform: none; - --spectrum-meter-s-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-text-text-transform: none; - --spectrum-meter-s-notice-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-value-gap-y: 0px; - --spectrum-meter-s-notice-value-text-alignment: end; - --spectrum-meter-s-notice-value-text-align: end; - --spectrum-meter-s-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-value-text-transform: none; - --spectrum-meter-s-notice-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-notice-value-text-render: yes; - --spectrum-meter-s-notice-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-value-text-text-transform: none; - --spectrum-meter-s-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-notice-fill-border-radius: 0; - --spectrum-meter-s-notice-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-notice-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-text-transform: none; - --spectrum-meter-s-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-text-text-transform: none; - --spectrum-meter-s-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-s-positive-overbackground-value-text-alignment: end; - --spectrum-meter-s-positive-overbackground-value-text-align: end; - --spectrum-meter-s-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-value-text-transform: none; - --spectrum-meter-s-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-positive-overbackground-value-text-render: yes; - --spectrum-meter-s-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-s-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-s-positive-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-text-transform: none; - --spectrum-meter-s-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-text-text-transform: none; - --spectrum-meter-s-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-value-gap-y: 0px; - --spectrum-meter-s-positive-value-text-alignment: end; - --spectrum-meter-s-positive-value-text-align: end; - --spectrum-meter-s-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-value-text-transform: none; - --spectrum-meter-s-positive-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-positive-value-text-render: yes; - --spectrum-meter-s-positive-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-value-text-text-transform: none; - --spectrum-meter-s-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-positive-fill-border-radius: 0; - --spectrum-meter-s-positive-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-positive-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-text-transform: none; - --spectrum-meter-m-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-text-text-transform: none; - --spectrum-meter-m-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-m-negative-overbackground-value-text-alignment: end; - --spectrum-meter-m-negative-overbackground-value-text-align: end; - --spectrum-meter-m-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-value-text-transform: none; - --spectrum-meter-m-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-negative-overbackground-value-text-render: yes; - --spectrum-meter-m-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-m-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-m-negative-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-text-transform: none; - --spectrum-meter-m-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-text-text-transform: none; - --spectrum-meter-m-negative-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-value-gap-y: 0px; - --spectrum-meter-m-negative-value-text-alignment: end; - --spectrum-meter-m-negative-value-text-align: end; - --spectrum-meter-m-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-value-text-transform: none; - --spectrum-meter-m-negative-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-negative-value-text-render: yes; - --spectrum-meter-m-negative-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-value-text-text-transform: none; - --spectrum-meter-m-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-negative-fill-border-radius: 0; - --spectrum-meter-m-negative-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-text-transform: none; - --spectrum-meter-m-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-text-text-transform: none; - --spectrum-meter-m-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-m-notice-overbackground-value-text-alignment: end; - --spectrum-meter-m-notice-overbackground-value-text-align: end; - --spectrum-meter-m-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-value-text-transform: none; - --spectrum-meter-m-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-notice-overbackground-value-text-render: yes; - --spectrum-meter-m-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-m-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-m-notice-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-text-transform: none; - --spectrum-meter-m-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-text-text-transform: none; - --spectrum-meter-m-notice-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-value-gap-y: 0px; - --spectrum-meter-m-notice-value-text-alignment: end; - --spectrum-meter-m-notice-value-text-align: end; - --spectrum-meter-m-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-value-text-transform: none; - --spectrum-meter-m-notice-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-notice-value-text-render: yes; - --spectrum-meter-m-notice-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-value-text-text-transform: none; - --spectrum-meter-m-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-notice-fill-border-radius: 0; - --spectrum-meter-m-notice-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-text-transform: none; - --spectrum-meter-m-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-text-text-transform: none; - --spectrum-meter-m-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-m-positive-overbackground-value-text-alignment: end; - --spectrum-meter-m-positive-overbackground-value-text-align: end; - --spectrum-meter-m-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-value-text-transform: none; - --spectrum-meter-m-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-positive-overbackground-value-text-render: yes; - --spectrum-meter-m-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-m-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-m-positive-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-text-transform: none; - --spectrum-meter-m-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-text-text-transform: none; - --spectrum-meter-m-positive-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-value-gap-y: 0px; - --spectrum-meter-m-positive-value-text-alignment: end; - --spectrum-meter-m-positive-value-text-align: end; - --spectrum-meter-m-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-value-text-transform: none; - --spectrum-meter-m-positive-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-positive-value-text-render: yes; - --spectrum-meter-m-positive-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-value-text-text-transform: none; - --spectrum-meter-m-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-positive-fill-border-radius: 0; - --spectrum-meter-m-positive-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-text-transform: none; - --spectrum-meter-l-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-text-text-transform: none; - --spectrum-meter-l-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-l-negative-overbackground-value-text-alignment: end; - --spectrum-meter-l-negative-overbackground-value-text-align: end; - --spectrum-meter-l-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-value-text-transform: none; - --spectrum-meter-l-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-negative-overbackground-value-text-render: yes; - --spectrum-meter-l-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-l-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-l-negative-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-negative-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-text-transform: none; - --spectrum-meter-l-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-text-text-transform: none; - --spectrum-meter-l-negative-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-value-gap-y: 0px; - --spectrum-meter-l-negative-value-text-alignment: end; - --spectrum-meter-l-negative-value-text-align: end; - --spectrum-meter-l-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-value-text-transform: none; - --spectrum-meter-l-negative-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-negative-value-text-render: yes; - --spectrum-meter-l-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-value-text-text-transform: none; - --spectrum-meter-l-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-negative-fill-border-radius: 0; - --spectrum-meter-l-negative-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-negative-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-negative-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-text-transform: none; - --spectrum-meter-l-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-text-text-transform: none; - --spectrum-meter-l-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-l-notice-overbackground-value-text-alignment: end; - --spectrum-meter-l-notice-overbackground-value-text-align: end; - --spectrum-meter-l-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-value-text-transform: none; - --spectrum-meter-l-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-notice-overbackground-value-text-render: yes; - --spectrum-meter-l-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-l-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-l-notice-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-notice-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-text-transform: none; - --spectrum-meter-l-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-text-text-transform: none; - --spectrum-meter-l-notice-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-value-gap-y: 0px; - --spectrum-meter-l-notice-value-text-alignment: end; - --spectrum-meter-l-notice-value-text-align: end; - --spectrum-meter-l-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-value-text-transform: none; - --spectrum-meter-l-notice-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-notice-value-text-render: yes; - --spectrum-meter-l-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-value-text-text-transform: none; - --spectrum-meter-l-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-notice-fill-border-radius: 0; - --spectrum-meter-l-notice-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-notice-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-notice-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-text-transform: none; - --spectrum-meter-l-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-text-text-transform: none; - --spectrum-meter-l-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-l-positive-overbackground-value-text-alignment: end; - --spectrum-meter-l-positive-overbackground-value-text-align: end; - --spectrum-meter-l-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-value-text-transform: none; - --spectrum-meter-l-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-positive-overbackground-value-text-render: yes; - --spectrum-meter-l-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-l-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-l-positive-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-positive-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-text-transform: none; - --spectrum-meter-l-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-text-text-transform: none; - --spectrum-meter-l-positive-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-value-gap-y: 0px; - --spectrum-meter-l-positive-value-text-alignment: end; - --spectrum-meter-l-positive-value-text-align: end; - --spectrum-meter-l-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-value-text-transform: none; - --spectrum-meter-l-positive-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-positive-value-text-render: yes; - --spectrum-meter-l-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-value-text-text-transform: none; - --spectrum-meter-l-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-positive-fill-border-radius: 0; - --spectrum-meter-l-positive-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-positive-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-positive-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-text-transform: none; - --spectrum-meter-xl-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-text-text-transform: none; - --spectrum-meter-xl-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-negative-overbackground-value-text-alignment: end; - --spectrum-meter-xl-negative-overbackground-value-text-align: end; - --spectrum-meter-xl-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-value-text-transform: none; - --spectrum-meter-xl-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-negative-overbackground-value-text-render: yes; - --spectrum-meter-xl-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-negative-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-text-transform: none; - --spectrum-meter-xl-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-text-text-transform: none; - --spectrum-meter-xl-negative-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-value-gap-y: 0px; - --spectrum-meter-xl-negative-value-text-alignment: end; - --spectrum-meter-xl-negative-value-text-align: end; - --spectrum-meter-xl-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-value-text-transform: none; - --spectrum-meter-xl-negative-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-negative-value-text-render: yes; - --spectrum-meter-xl-negative-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-value-text-text-transform: none; - --spectrum-meter-xl-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-negative-fill-border-radius: 0; - --spectrum-meter-xl-negative-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-negative-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-text-transform: none; - --spectrum-meter-xl-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-text-text-transform: none; - --spectrum-meter-xl-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-notice-overbackground-value-text-alignment: end; - --spectrum-meter-xl-notice-overbackground-value-text-align: end; - --spectrum-meter-xl-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-value-text-transform: none; - --spectrum-meter-xl-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-notice-overbackground-value-text-render: yes; - --spectrum-meter-xl-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-notice-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-text-transform: none; - --spectrum-meter-xl-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-text-text-transform: none; - --spectrum-meter-xl-notice-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-value-gap-y: 0px; - --spectrum-meter-xl-notice-value-text-alignment: end; - --spectrum-meter-xl-notice-value-text-align: end; - --spectrum-meter-xl-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-value-text-transform: none; - --spectrum-meter-xl-notice-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-notice-value-text-render: yes; - --spectrum-meter-xl-notice-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-value-text-text-transform: none; - --spectrum-meter-xl-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-notice-fill-border-radius: 0; - --spectrum-meter-xl-notice-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-notice-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-text-transform: none; - --spectrum-meter-xl-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-text-text-transform: none; - --spectrum-meter-xl-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-positive-overbackground-value-text-alignment: end; - --spectrum-meter-xl-positive-overbackground-value-text-align: end; - --spectrum-meter-xl-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-value-text-transform: none; - --spectrum-meter-xl-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-positive-overbackground-value-text-render: yes; - --spectrum-meter-xl-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-positive-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-text-transform: none; - --spectrum-meter-xl-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-text-text-transform: none; - --spectrum-meter-xl-positive-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-value-gap-y: 0px; - --spectrum-meter-xl-positive-value-text-alignment: end; - --spectrum-meter-xl-positive-value-text-align: end; - --spectrum-meter-xl-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-value-text-transform: none; - --spectrum-meter-xl-positive-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-positive-value-text-render: yes; - --spectrum-meter-xl-positive-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-value-text-text-transform: none; - --spectrum-meter-xl-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-positive-fill-border-radius: 0; - --spectrum-meter-xl-positive-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-positive-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-positive-duration: var(--spectrum-global-animation-duration-2000); -} diff --git a/components/expressvars/css/components/spectrum-millercolumn.css b/components/expressvars/css/components/spectrum-millercolumn.css deleted file mode 100644 index 90a54586842..00000000000 --- a/components/expressvars/css/components/spectrum-millercolumn.css +++ /dev/null @@ -1,86 +0,0 @@ -:root { - --spectrum-millercolumn-ui-icon-color-selected: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-millercolumn-thumbnail-background-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-millercolumn-item-label-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-selected-disabled: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-millercolumn-item-label-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-millercolumn-item-label-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-millercolumn-thumbnail-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-millercolumn-item-label-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-thumbnail-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-millercolumn-thumbnail-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-millercolumn-thumbnail-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-millercolumn-ui-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-millercolumn-item-label-padding-left: var(--spectrum-global-dimension-static-size-100); - --spectrum-millercolumn-item-height: var(--spectrum-global-dimension-static-size-500); - --spectrum-millercolumn-item-margin-bottom: var(--spectrum-global-dimension-static-size-50); - --spectrum-millercolumn-item-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-millercolumn-item-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-millercolumn-item-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-millercolumn-thumbnail-width: var(--spectrum-global-dimension-static-size-300); - --spectrum-millercolumn-thumbnail-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-millercolumn-thumbnail-margin-left: var(--spectrum-global-dimension-static-size-100); - --spectrum-millercolumn-width: var(--spectrum-global-dimension-static-size-3400); -} diff --git a/components/expressvars/css/components/spectrum-opacitycheckerboard.css b/components/expressvars/css/components/spectrum-opacitycheckerboard.css deleted file mode 100644 index 35a116ec3ca..00000000000 --- a/components/expressvars/css/components/spectrum-opacitycheckerboard.css +++ /dev/null @@ -1,6 +0,0 @@ -:root { - --spectrum-opacitycheckerboard-box-color-light: var(--spectrum-global-color-static-white); - --spectrum-opacitycheckerboard-box-color-gray: var(--spectrum-global-color-static-gray-400); - --spectrum-opacitycheckerboard-box-height: var(--spectrum-global-dimension-size-100); - --spectrum-opacitycheckerboard-box-width: var(--spectrum-global-dimension-size-100); -} diff --git a/components/expressvars/css/components/spectrum-pagination.css b/components/expressvars/css/components/spectrum-pagination.css deleted file mode 100644 index 5dfb09da87f..00000000000 --- a/components/expressvars/css/components/spectrum-pagination.css +++ /dev/null @@ -1,122 +0,0 @@ -:root { - --spectrum-pagination-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-button-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-button-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-button-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-button-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-button-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-button-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-button-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-button-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-button-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-button-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-button-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-button-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-button-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-explicit-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-explicit-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-explicit-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-explicit-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-explicit-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-explicit-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-explicit-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-explicit-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-explicit-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-explicit-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-explicit-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-explicit-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-listing-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-listing-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-listing-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-listing-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-listing-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-listing-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-listing-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-listing-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-listing-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-listing-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-listing-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-listing-icon-height: var(--spectrum-global-dimension-size-125); -} diff --git a/components/expressvars/css/components/spectrum-panel.css b/components/expressvars/css/components/spectrum-panel.css deleted file mode 100644 index 4b64282a3f3..00000000000 --- a/components/expressvars/css/components/spectrum-panel.css +++ /dev/null @@ -1,226 +0,0 @@ -:root { - --spectrum-panel-s-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-collapsible-header-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-panel-s-collapsible-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-collapsible-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-header-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-spacious-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-spacious-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-spacious-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-spacious-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-spacious-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-spacious-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-spacious-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-collapsible-header-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-panel-s-spacious-collapsible-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-spacious-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-spacious-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-spacious-collapsible-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-spacious-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-spacious-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-spacious-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-spacious-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-spacious-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-spacious-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-spacious-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-spacious-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-spacious-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-spacious-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-spacious-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-spacious-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-header-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-spacious-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-spacious-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-spacious-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-spacious-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-collapsible-header-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-panel-l-collapsible-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-collapsible-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-header-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-spacious-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-spacious-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-spacious-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-spacious-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-spacious-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-spacious-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-spacious-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-collapsible-header-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-panel-l-spacious-collapsible-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-spacious-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-spacious-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-spacious-collapsible-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-spacious-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-spacious-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-spacious-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-spacious-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-spacious-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-spacious-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-spacious-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-spacious-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-spacious-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-spacious-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-spacious-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-spacious-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-header-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-spacious-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-spacious-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-spacious-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-spacious-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/expressvars/css/components/spectrum-picker.css b/components/expressvars/css/components/spectrum-picker.css deleted file mode 100644 index 743ed1b642b..00000000000 --- a/components/expressvars/css/components/spectrum-picker.css +++ /dev/null @@ -1,4554 +0,0 @@ -:root { - --spectrum-picker-s-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-texticon-focusring-render-error: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error: 0; - --spectrum-picker-s-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-s-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-s-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-texticon-focusring-render: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size: 0; - --spectrum-picker-s-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-s-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-down: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-down: 0; - --spectrum-picker-s-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-hover: 0; - --spectrum-picker-s-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-transform: none; - --spectrum-picker-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-text-render: yes; - --spectrum-picker-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-texticon-text-text-transform: none; - --spectrum-picker-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-type: icon; - --spectrum-picker-s-quiet-texticon-icon-render: yes; - --spectrum-picker-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-placeholder-render: yes; - --spectrum-picker-s-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-s-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-texticon-focusring-type: focusring; - --spectrum-picker-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-texticon-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-s-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-texticon-focusring-render-error: no; - --spectrum-picker-s-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-focusring-render-error-disabled: no; - --spectrum-picker-s-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-focusring-render-disabled: no; - --spectrum-picker-s-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-error-down: no; - --spectrum-picker-s-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-error-hover: no; - --spectrum-picker-s-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-s-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-texticon-focusring-render: no; - --spectrum-picker-s-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-down: no; - --spectrum-picker-s-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-hover: no; - --spectrum-picker-s-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-key-focus: yes; - --spectrum-picker-s-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-s-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-transform: none; - --spectrum-picker-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-text-render: yes; - --spectrum-picker-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-texticon-text-text-transform: none; - --spectrum-picker-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-type: icon; - --spectrum-picker-s-texticon-icon-render: yes; - --spectrum-picker-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-placeholder-render: yes; - --spectrum-picker-s-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-texticon-placeholder-text-transform: none; - --spectrum-picker-s-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-s-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-texticon-popover-offset-x: 0; - --spectrum-picker-s-texticon-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-texticon-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-texticon-focusring-type: focusring; - --spectrum-picker-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-texticon-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-texticon-affixed-border-radius: 0; - --spectrum-picker-s-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textonly-focusring-render-error: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error: 0; - --spectrum-picker-s-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-s-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textonly-focusring-render: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size: 0; - --spectrum-picker-s-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-s-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-down: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-down: 0; - --spectrum-picker-s-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-hover: 0; - --spectrum-picker-s-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-transform: none; - --spectrum-picker-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-text-render: yes; - --spectrum-picker-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textonly-text-text-transform: none; - --spectrum-picker-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-type: icon; - --spectrum-picker-s-quiet-textonly-icon-render: no; - --spectrum-picker-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-placeholder-render: yes; - --spectrum-picker-s-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-s-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-textonly-focusring-type: focusring; - --spectrum-picker-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-textonly-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-s-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textonly-focusring-render-error: no; - --spectrum-picker-s-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-focusring-render-error-disabled: no; - --spectrum-picker-s-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-focusring-render-disabled: no; - --spectrum-picker-s-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-error-down: no; - --spectrum-picker-s-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-error-hover: no; - --spectrum-picker-s-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-s-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textonly-focusring-render: no; - --spectrum-picker-s-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-down: no; - --spectrum-picker-s-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-hover: no; - --spectrum-picker-s-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-key-focus: yes; - --spectrum-picker-s-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-s-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-transform: none; - --spectrum-picker-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-text-render: yes; - --spectrum-picker-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textonly-text-text-transform: none; - --spectrum-picker-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-type: icon; - --spectrum-picker-s-textonly-icon-render: no; - --spectrum-picker-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-placeholder-render: yes; - --spectrum-picker-s-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textonly-placeholder-text-transform: none; - --spectrum-picker-s-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-s-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-textonly-popover-offset-x: 0; - --spectrum-picker-s-textonly-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textonly-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-textonly-focusring-type: focusring; - --spectrum-picker-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-textonly-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-textonly-affixed-border-radius: 0; - --spectrum-picker-s-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-text-render: yes; - --spectrum-picker-s-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-s-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-s-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-s-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-s-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textthumbnail-focusring-render-error: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textthumbnail-focusring-render: no; - --spectrum-picker-s-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-down: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-hover: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-s-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-transform: none; - --spectrum-picker-s-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-text-render: yes; - --spectrum-picker-s-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textthumbnail-text-text-transform: none; - --spectrum-picker-s-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-type: icon; - --spectrum-picker-s-textthumbnail-icon-render: yes; - --spectrum-picker-s-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-placeholder-render: yes; - --spectrum-picker-s-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-s-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-s-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-textthumbnail-popover-offset-x: 0; - --spectrum-picker-s-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-textthumbnail-focusring-type: focusring; - --spectrum-picker-s-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-textthumbnail-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-textthumbnail-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-s-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-texticon-focusring-render-error: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error: 0; - --spectrum-picker-m-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-m-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-m-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-texticon-focusring-render: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size: 0; - --spectrum-picker-m-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-m-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-down: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-down: 0; - --spectrum-picker-m-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-hover: 0; - --spectrum-picker-m-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-transform: none; - --spectrum-picker-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-text-render: yes; - --spectrum-picker-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-texticon-text-text-transform: none; - --spectrum-picker-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-type: icon; - --spectrum-picker-m-quiet-texticon-icon-render: yes; - --spectrum-picker-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-placeholder-render: yes; - --spectrum-picker-m-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-m-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-texticon-focusring-type: focusring; - --spectrum-picker-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-texticon-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-m-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-texticon-focusring-render-error: no; - --spectrum-picker-m-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-focusring-render-error-disabled: no; - --spectrum-picker-m-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-focusring-render-disabled: no; - --spectrum-picker-m-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-error-down: no; - --spectrum-picker-m-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-error-hover: no; - --spectrum-picker-m-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-m-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-texticon-focusring-render: no; - --spectrum-picker-m-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-down: no; - --spectrum-picker-m-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-hover: no; - --spectrum-picker-m-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-key-focus: yes; - --spectrum-picker-m-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-m-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-transform: none; - --spectrum-picker-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-text-render: yes; - --spectrum-picker-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-texticon-text-text-transform: none; - --spectrum-picker-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-type: icon; - --spectrum-picker-m-texticon-icon-render: yes; - --spectrum-picker-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-placeholder-render: yes; - --spectrum-picker-m-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-texticon-placeholder-text-transform: none; - --spectrum-picker-m-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-m-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-popover-offset-x: 0; - --spectrum-picker-m-texticon-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-texticon-focusring-type: focusring; - --spectrum-picker-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-texticon-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-texticon-affixed-border-radius: 0; - --spectrum-picker-m-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textonly-focusring-render-error: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error: 0; - --spectrum-picker-m-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-m-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textonly-focusring-render: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size: 0; - --spectrum-picker-m-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-m-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-down: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-down: 0; - --spectrum-picker-m-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-hover: 0; - --spectrum-picker-m-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-transform: none; - --spectrum-picker-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-text-render: yes; - --spectrum-picker-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textonly-text-text-transform: none; - --spectrum-picker-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-type: icon; - --spectrum-picker-m-quiet-textonly-icon-render: no; - --spectrum-picker-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-placeholder-render: yes; - --spectrum-picker-m-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-m-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-textonly-focusring-type: focusring; - --spectrum-picker-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-textonly-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-m-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textonly-focusring-render-error: no; - --spectrum-picker-m-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-focusring-render-error-disabled: no; - --spectrum-picker-m-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-focusring-render-disabled: no; - --spectrum-picker-m-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-error-down: no; - --spectrum-picker-m-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-error-hover: no; - --spectrum-picker-m-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-m-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textonly-focusring-render: no; - --spectrum-picker-m-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-down: no; - --spectrum-picker-m-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-hover: no; - --spectrum-picker-m-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-key-focus: yes; - --spectrum-picker-m-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-m-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-transform: none; - --spectrum-picker-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-text-render: yes; - --spectrum-picker-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textonly-text-text-transform: none; - --spectrum-picker-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-type: icon; - --spectrum-picker-m-textonly-icon-render: no; - --spectrum-picker-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-placeholder-render: yes; - --spectrum-picker-m-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textonly-placeholder-text-transform: none; - --spectrum-picker-m-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-m-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-popover-offset-x: 0; - --spectrum-picker-m-textonly-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-textonly-focusring-type: focusring; - --spectrum-picker-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-textonly-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-textonly-affixed-border-radius: 0; - --spectrum-picker-m-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-text-render: yes; - --spectrum-picker-m-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-m-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-m-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-m-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-m-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textthumbnail-focusring-render-error: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textthumbnail-focusring-render: no; - --spectrum-picker-m-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-down: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-hover: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-m-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-transform: none; - --spectrum-picker-m-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-text-render: yes; - --spectrum-picker-m-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textthumbnail-text-text-transform: none; - --spectrum-picker-m-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-type: icon; - --spectrum-picker-m-textthumbnail-icon-render: yes; - --spectrum-picker-m-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-placeholder-render: yes; - --spectrum-picker-m-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-m-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-m-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-popover-offset-x: 0; - --spectrum-picker-m-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-textthumbnail-focusring-type: focusring; - --spectrum-picker-m-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-textthumbnail-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-textthumbnail-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-m-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-texticon-focusring-render-error: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error: 0; - --spectrum-picker-l-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-l-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-l-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-texticon-focusring-render: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size: 0; - --spectrum-picker-l-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-l-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-down: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-down: 0; - --spectrum-picker-l-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-hover: 0; - --spectrum-picker-l-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-transform: none; - --spectrum-picker-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-text-render: yes; - --spectrum-picker-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-texticon-text-text-transform: none; - --spectrum-picker-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-type: icon; - --spectrum-picker-l-quiet-texticon-icon-render: yes; - --spectrum-picker-l-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-placeholder-render: yes; - --spectrum-picker-l-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-l-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-texticon-focusring-type: focusring; - --spectrum-picker-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-texticon-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-l-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-texticon-focusring-render-error: no; - --spectrum-picker-l-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-focusring-render-error-disabled: no; - --spectrum-picker-l-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-focusring-render-disabled: no; - --spectrum-picker-l-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-error-down: no; - --spectrum-picker-l-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-error-hover: no; - --spectrum-picker-l-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-l-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-texticon-focusring-render: no; - --spectrum-picker-l-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-down: no; - --spectrum-picker-l-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-hover: no; - --spectrum-picker-l-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-key-focus: yes; - --spectrum-picker-l-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-l-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-transform: none; - --spectrum-picker-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-text-render: yes; - --spectrum-picker-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-texticon-text-text-transform: none; - --spectrum-picker-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-type: icon; - --spectrum-picker-l-texticon-icon-render: yes; - --spectrum-picker-l-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-placeholder-render: yes; - --spectrum-picker-l-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-texticon-placeholder-text-transform: none; - --spectrum-picker-l-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-l-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-texticon-popover-offset-x: 0; - --spectrum-picker-l-texticon-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-texticon-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-texticon-focusring-type: focusring; - --spectrum-picker-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-picker-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-texticon-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-texticon-affixed-border-radius: 0; - --spectrum-picker-l-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textonly-focusring-render-error: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error: 0; - --spectrum-picker-l-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-l-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textonly-focusring-render: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size: 0; - --spectrum-picker-l-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-l-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-down: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-down: 0; - --spectrum-picker-l-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-hover: 0; - --spectrum-picker-l-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-transform: none; - --spectrum-picker-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-text-render: yes; - --spectrum-picker-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textonly-text-text-transform: none; - --spectrum-picker-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-type: icon; - --spectrum-picker-l-quiet-textonly-icon-render: no; - --spectrum-picker-l-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-placeholder-render: yes; - --spectrum-picker-l-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-l-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-textonly-focusring-type: focusring; - --spectrum-picker-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-textonly-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-l-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textonly-focusring-render-error: no; - --spectrum-picker-l-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-focusring-render-error-disabled: no; - --spectrum-picker-l-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-focusring-render-disabled: no; - --spectrum-picker-l-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-error-down: no; - --spectrum-picker-l-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-error-hover: no; - --spectrum-picker-l-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-l-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textonly-focusring-render: no; - --spectrum-picker-l-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-down: no; - --spectrum-picker-l-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-hover: no; - --spectrum-picker-l-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-key-focus: yes; - --spectrum-picker-l-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-l-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-transform: none; - --spectrum-picker-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-text-render: yes; - --spectrum-picker-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textonly-text-text-transform: none; - --spectrum-picker-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-type: icon; - --spectrum-picker-l-textonly-icon-render: no; - --spectrum-picker-l-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-placeholder-render: yes; - --spectrum-picker-l-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textonly-placeholder-text-transform: none; - --spectrum-picker-l-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-l-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-textonly-popover-offset-x: 0; - --spectrum-picker-l-textonly-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textonly-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-textonly-focusring-type: focusring; - --spectrum-picker-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-textonly-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-textonly-affixed-border-radius: 0; - --spectrum-picker-l-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-text-render: yes; - --spectrum-picker-l-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-l-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-l-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-l-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-l-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textthumbnail-focusring-render-error: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textthumbnail-focusring-render: no; - --spectrum-picker-l-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-down: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-hover: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-l-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-transform: none; - --spectrum-picker-l-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-text-render: yes; - --spectrum-picker-l-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textthumbnail-text-text-transform: none; - --spectrum-picker-l-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-type: icon; - --spectrum-picker-l-textthumbnail-icon-render: yes; - --spectrum-picker-l-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-placeholder-render: yes; - --spectrum-picker-l-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-l-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-l-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-textthumbnail-popover-offset-x: 0; - --spectrum-picker-l-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-textthumbnail-focusring-type: focusring; - --spectrum-picker-l-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-picker-l-textthumbnail-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-textthumbnail-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-textthumbnail-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-l-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-texticon-focusring-render-error: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-texticon-focusring-render: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size: 0; - --spectrum-picker-xl-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-xl-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-down: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-down: 0; - --spectrum-picker-xl-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-hover: 0; - --spectrum-picker-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-transform: none; - --spectrum-picker-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-text-render: yes; - --spectrum-picker-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-texticon-text-text-transform: none; - --spectrum-picker-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-type: icon; - --spectrum-picker-xl-quiet-texticon-icon-render: yes; - --spectrum-picker-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-placeholder-render: yes; - --spectrum-picker-xl-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-texticon-focusring-type: focusring; - --spectrum-picker-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-texticon-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-texticon-focusring-render-error: no; - --spectrum-picker-xl-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-focusring-render-error-disabled: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-focusring-render-disabled: no; - --spectrum-picker-xl-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-error-down: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-error-hover: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-texticon-focusring-render: no; - --spectrum-picker-xl-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-down: no; - --spectrum-picker-xl-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-hover: no; - --spectrum-picker-xl-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-key-focus: yes; - --spectrum-picker-xl-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-xl-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-transform: none; - --spectrum-picker-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-text-render: yes; - --spectrum-picker-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-texticon-text-text-transform: none; - --spectrum-picker-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-type: icon; - --spectrum-picker-xl-texticon-icon-render: yes; - --spectrum-picker-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-placeholder-render: yes; - --spectrum-picker-xl-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-texticon-placeholder-text-transform: none; - --spectrum-picker-xl-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-xl-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-texticon-popover-offset-x: 0; - --spectrum-picker-xl-texticon-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-texticon-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-texticon-focusring-type: focusring; - --spectrum-picker-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-texticon-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-texticon-affixed-border-radius: 0; - --spectrum-picker-xl-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textonly-focusring-render-error: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textonly-focusring-render: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size: 0; - --spectrum-picker-xl-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-xl-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-down: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-down: 0; - --spectrum-picker-xl-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-hover: 0; - --spectrum-picker-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-transform: none; - --spectrum-picker-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-text-render: yes; - --spectrum-picker-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textonly-text-text-transform: none; - --spectrum-picker-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-type: icon; - --spectrum-picker-xl-quiet-textonly-icon-render: no; - --spectrum-picker-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-placeholder-render: yes; - --spectrum-picker-xl-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-textonly-focusring-type: focusring; - --spectrum-picker-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-textonly-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textonly-focusring-render-error: no; - --spectrum-picker-xl-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-focusring-render-error-disabled: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-focusring-render-disabled: no; - --spectrum-picker-xl-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-error-down: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-error-hover: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textonly-focusring-render: no; - --spectrum-picker-xl-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-down: no; - --spectrum-picker-xl-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-hover: no; - --spectrum-picker-xl-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-key-focus: yes; - --spectrum-picker-xl-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-xl-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-transform: none; - --spectrum-picker-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-text-render: yes; - --spectrum-picker-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textonly-text-text-transform: none; - --spectrum-picker-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-type: icon; - --spectrum-picker-xl-textonly-icon-render: no; - --spectrum-picker-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-placeholder-render: yes; - --spectrum-picker-xl-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textonly-placeholder-text-transform: none; - --spectrum-picker-xl-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-xl-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-textonly-popover-offset-x: 0; - --spectrum-picker-xl-textonly-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textonly-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-textonly-focusring-type: focusring; - --spectrum-picker-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-textonly-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-textonly-affixed-border-radius: 0; - --spectrum-picker-xl-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-text-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-xl-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-xl-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textthumbnail-focusring-render-error: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textthumbnail-focusring-render: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-down: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-hover: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-xl-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-transform: none; - --spectrum-picker-xl-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-text-render: yes; - --spectrum-picker-xl-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textthumbnail-text-text-transform: none; - --spectrum-picker-xl-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-type: icon; - --spectrum-picker-xl-textthumbnail-icon-render: yes; - --spectrum-picker-xl-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-placeholder-render: yes; - --spectrum-picker-xl-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-xl-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-xl-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-textthumbnail-popover-offset-x: 0; - --spectrum-picker-xl-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-textthumbnail-focusring-type: focusring; - --spectrum-picker-xl-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-xl-textthumbnail-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-textthumbnail-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-textthumbnail-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-xl-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); -} diff --git a/components/expressvars/css/components/spectrum-pickerbutton.css b/components/expressvars/css/components/spectrum-pickerbutton.css deleted file mode 100644 index 8691cfbe1d2..00000000000 --- a/components/expressvars/css/components/spectrum-pickerbutton.css +++ /dev/null @@ -1,2630 +0,0 @@ -:root { - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-icononly-fill-layout: row; - --spectrum-pickerbutton-s-left-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-icononly-fill-layout: row; - --spectrum-pickerbutton-s-right-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-icononly-fill-layout: row; - --spectrum-pickerbutton-s-none-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-icononly-fill-layout: row; - --spectrum-pickerbutton-m-left-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-icononly-fill-layout: row; - --spectrum-pickerbutton-m-right-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-icononly-fill-layout: row; - --spectrum-pickerbutton-m-none-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-icononly-fill-layout: row; - --spectrum-pickerbutton-l-left-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-icononly-fill-layout: row; - --spectrum-pickerbutton-l-right-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-icononly-fill-layout: row; - --spectrum-pickerbutton-l-none-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-left-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-right-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-none-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/expressvars/css/components/spectrum-popover.css b/components/expressvars/css/components/spectrum-popover.css deleted file mode 100644 index 6dd81aa636f..00000000000 --- a/components/expressvars/css/components/spectrum-popover.css +++ /dev/null @@ -1,17 +0,0 @@ -:root { - --spectrum-popover-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-popover-background-color: var(--spectrum-global-color-gray-50); - --spectrum-popover-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-popover-tip-width: var(--spectrum-global-dimension-size-250); - --spectrum-popover-tip-height: var(--spectrum-global-dimension-size-125); - --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-popover-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-popover-padding-x: 0px; - --spectrum-popover-padding-y: var(--spectrum-global-dimension-size-50); - --spectrum-popover-source-gap: var(--spectrum-global-dimension-size-75); - --spectrum-popover-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-popover-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-popover-elevation: 2dp; - --spectrum-popover-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-popover-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); -} diff --git a/components/expressvars/css/components/spectrum-progressbar.css b/components/expressvars/css/components/spectrum-progressbar.css deleted file mode 100644 index 2a8973ffb7e..00000000000 --- a/components/expressvars/css/components/spectrum-progressbar.css +++ /dev/null @@ -1,958 +0,0 @@ -:root { - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-s-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-s-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-text-transform: none; - --spectrum-progressbar-s-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-s-indeterminate-value-text-alignment: end; - --spectrum-progressbar-s-indeterminate-value-text-align: end; - --spectrum-progressbar-s-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-value-text-transform: none; - --spectrum-progressbar-s-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-indeterminate-value-text-render: yes; - --spectrum-progressbar-s-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-s-indeterminate-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-indeterminate-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-text-transform: none; - --spectrum-progressbar-s-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-text-text-transform: none; - --spectrum-progressbar-s-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-value-gap-y: 0px; - --spectrum-progressbar-s-overbackground-value-text-alignment: end; - --spectrum-progressbar-s-overbackground-value-text-align: end; - --spectrum-progressbar-s-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-value-text-transform: none; - --spectrum-progressbar-s-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-overbackground-value-text-render: yes; - --spectrum-progressbar-s-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-value-text-text-transform: none; - --spectrum-progressbar-s-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-overbackground-fill-border-radius: 0; - --spectrum-progressbar-s-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-text-transform: none; - --spectrum-progressbar-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-text-text-transform: none; - --spectrum-progressbar-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-value-gap-y: 0px; - --spectrum-progressbar-s-value-text-alignment: end; - --spectrum-progressbar-s-value-text-align: end; - --spectrum-progressbar-s-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-value-text-transform: none; - --spectrum-progressbar-s-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-value-text-render: yes; - --spectrum-progressbar-s-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-value-text-text-transform: none; - --spectrum-progressbar-s-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-fill-border-radius: 0; - --spectrum-progressbar-s-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-m-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-m-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-text-transform: none; - --spectrum-progressbar-m-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-m-indeterminate-value-text-alignment: end; - --spectrum-progressbar-m-indeterminate-value-text-align: end; - --spectrum-progressbar-m-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-value-text-transform: none; - --spectrum-progressbar-m-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-indeterminate-value-text-render: yes; - --spectrum-progressbar-m-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-m-indeterminate-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-text-transform: none; - --spectrum-progressbar-m-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-text-text-transform: none; - --spectrum-progressbar-m-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-value-gap-y: 0px; - --spectrum-progressbar-m-overbackground-value-text-alignment: end; - --spectrum-progressbar-m-overbackground-value-text-align: end; - --spectrum-progressbar-m-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-value-text-transform: none; - --spectrum-progressbar-m-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-overbackground-value-text-render: yes; - --spectrum-progressbar-m-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-value-text-text-transform: none; - --spectrum-progressbar-m-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-overbackground-fill-border-radius: 0; - --spectrum-progressbar-m-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-text-transform: none; - --spectrum-progressbar-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-text-text-transform: none; - --spectrum-progressbar-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-value-gap-y: 0px; - --spectrum-progressbar-m-value-text-alignment: end; - --spectrum-progressbar-m-value-text-align: end; - --spectrum-progressbar-m-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-value-text-transform: none; - --spectrum-progressbar-m-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-value-text-render: yes; - --spectrum-progressbar-m-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-value-text-text-transform: none; - --spectrum-progressbar-m-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-fill-border-radius: 0; - --spectrum-progressbar-m-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-l-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-l-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-text-transform: none; - --spectrum-progressbar-l-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-l-indeterminate-value-text-alignment: end; - --spectrum-progressbar-l-indeterminate-value-text-align: end; - --spectrum-progressbar-l-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-value-text-transform: none; - --spectrum-progressbar-l-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-indeterminate-value-text-render: yes; - --spectrum-progressbar-l-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-l-indeterminate-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-indeterminate-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-indeterminate-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-text-transform: none; - --spectrum-progressbar-l-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-text-text-transform: none; - --spectrum-progressbar-l-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-value-gap-y: 0px; - --spectrum-progressbar-l-overbackground-value-text-alignment: end; - --spectrum-progressbar-l-overbackground-value-text-align: end; - --spectrum-progressbar-l-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-value-text-transform: none; - --spectrum-progressbar-l-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-overbackground-value-text-render: yes; - --spectrum-progressbar-l-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-value-text-text-transform: none; - --spectrum-progressbar-l-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-overbackground-fill-border-radius: 0; - --spectrum-progressbar-l-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-text-transform: none; - --spectrum-progressbar-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-text-text-transform: none; - --spectrum-progressbar-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-value-gap-y: 0px; - --spectrum-progressbar-l-value-text-alignment: end; - --spectrum-progressbar-l-value-text-align: end; - --spectrum-progressbar-l-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-value-text-transform: none; - --spectrum-progressbar-l-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-value-text-render: yes; - --spectrum-progressbar-l-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-value-text-text-transform: none; - --spectrum-progressbar-l-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-fill-border-radius: 0; - --spectrum-progressbar-l-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-xl-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-text-transform: none; - --spectrum-progressbar-xl-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-xl-indeterminate-value-text-alignment: end; - --spectrum-progressbar-xl-indeterminate-value-text-align: end; - --spectrum-progressbar-xl-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-value-text-transform: none; - --spectrum-progressbar-xl-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-indeterminate-value-text-render: yes; - --spectrum-progressbar-xl-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-xl-indeterminate-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-indeterminate-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-text-transform: none; - --spectrum-progressbar-xl-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-text-text-transform: none; - --spectrum-progressbar-xl-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-value-gap-y: 0px; - --spectrum-progressbar-xl-overbackground-value-text-alignment: end; - --spectrum-progressbar-xl-overbackground-value-text-align: end; - --spectrum-progressbar-xl-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-value-text-transform: none; - --spectrum-progressbar-xl-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-overbackground-value-text-render: yes; - --spectrum-progressbar-xl-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-value-text-text-transform: none; - --spectrum-progressbar-xl-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-overbackground-fill-border-radius: 0; - --spectrum-progressbar-xl-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-text-transform: none; - --spectrum-progressbar-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-text-text-transform: none; - --spectrum-progressbar-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-value-gap-y: 0px; - --spectrum-progressbar-xl-value-text-alignment: end; - --spectrum-progressbar-xl-value-text-align: end; - --spectrum-progressbar-xl-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-value-text-transform: none; - --spectrum-progressbar-xl-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-value-text-render: yes; - --spectrum-progressbar-xl-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-value-text-text-transform: none; - --spectrum-progressbar-xl-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-fill-border-radius: 0; - --spectrum-progressbar-xl-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); -} diff --git a/components/expressvars/css/components/spectrum-progresscircle.css b/components/expressvars/css/components/spectrum-progresscircle.css deleted file mode 100644 index cb6fbf24714..00000000000 --- a/components/expressvars/css/components/spectrum-progresscircle.css +++ /dev/null @@ -1,198 +0,0 @@ -:root { - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-overbackground-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-overbackground-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-overbackground-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-spin-animation-duration: var(--spectrum-global-animation-duration-2000); -} diff --git a/components/expressvars/css/components/spectrum-quickactions.css b/components/expressvars/css/components/spectrum-quickactions.css deleted file mode 100644 index 2b21f2a69ad..00000000000 --- a/components/expressvars/css/components/spectrum-quickactions.css +++ /dev/null @@ -1,24 +0,0 @@ -:root { - --spectrum-quickactions-overlay-color: var(--spectrum-alias-background-color-quickactions-overlay); - --spectrum-quickactions-background-color: var(--spectrum-alias-background-color-quickactions); - --spectrum-quickactions-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-quickactions-button-gap-y: var(--spectrum-global-dimension-size-100); - --spectrum-quickactions-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-quickactions-text-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-text-button-gap-x: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-height: var(--spectrum-global-dimension-size-500); - --spectrum-quickactions-padding-x: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-padding-y: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-quickactions-elevation: 2dp; - --spectrum-quickactions-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-quickactions-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-quickactions-entry-animation-delay: 0ms; - --spectrum-quickactions-entry-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-quickactions-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-quickactions-entry-animation-properties: opacity; - --spectrum-quickactions-exit-animation-delay: 0ms; - --spectrum-quickactions-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-quickactions-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-quickactions-exit-animation-properties: opacity; -} diff --git a/components/expressvars/css/components/spectrum-radio.css b/components/expressvars/css/components/spectrum-radio.css deleted file mode 100644 index 76dbbfd7078..00000000000 --- a/components/expressvars/css/components/spectrum-radio.css +++ /dev/null @@ -1,1454 +0,0 @@ -:root { - --spectrum-radio-s-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render: no; - --spectrum-radio-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-s-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-emphasized-circle-margin-top: 0; - --spectrum-radio-s-emphasized-circle-margin-bottom: 0; - --spectrum-radio-s-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-width: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-height: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-radio-s-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-emphasized-text-transform: none; - --spectrum-radio-s-emphasized-text-render: yes; - --spectrum-radio-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-s-emphasized-text-text-transform: none; - --spectrum-radio-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-emphasized-focus-ring-type: focusring; - --spectrum-radio-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-radio-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-radio-s-emphasized-margin-bottom: 0px; - --spectrum-radio-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected: no; - --spectrum-radio-s-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-s-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-down: no; - --spectrum-radio-s-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-hover: no; - --spectrum-radio-s-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error: no; - --spectrum-radio-s-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-disabled: no; - --spectrum-radio-s-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-down: no; - --spectrum-radio-s-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-hover: no; - --spectrum-radio-s-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-error-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected: no; - --spectrum-radio-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-disabled: no; - --spectrum-radio-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-down: no; - --spectrum-radio-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-hover: no; - --spectrum-radio-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-disabled: no; - --spectrum-radio-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render: no; - --spectrum-radio-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-down: no; - --spectrum-radio-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-hover: no; - --spectrum-radio-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-circle-dot-border-radius: 100%; - --spectrum-radio-s-circle-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-circle-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-circle-margin-top: 0; - --spectrum-radio-s-circle-margin-bottom: 0; - --spectrum-radio-s-circle-diameter: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-width: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-height: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-radio-s-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-text-transform: none; - --spectrum-radio-s-text-render: yes; - --spectrum-radio-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-s-text-text-transform: none; - --spectrum-radio-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-focus-ring-type: focusring; - --spectrum-radio-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-radio-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-radio-s-margin-bottom: 0px; - --spectrum-radio-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render: no; - --spectrum-radio-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-m-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-margin-top: 0; - --spectrum-radio-m-emphasized-circle-margin-bottom: 0; - --spectrum-radio-m-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-radio-m-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-emphasized-text-transform: none; - --spectrum-radio-m-emphasized-text-render: yes; - --spectrum-radio-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-m-emphasized-text-text-transform: none; - --spectrum-radio-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-emphasized-focus-ring-type: focusring; - --spectrum-radio-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-radio-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-radio-m-emphasized-margin-bottom: 0px; - --spectrum-radio-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected: no; - --spectrum-radio-m-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-m-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-down: no; - --spectrum-radio-m-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-hover: no; - --spectrum-radio-m-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error: no; - --spectrum-radio-m-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-disabled: no; - --spectrum-radio-m-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-down: no; - --spectrum-radio-m-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-hover: no; - --spectrum-radio-m-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-error-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected: no; - --spectrum-radio-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-disabled: no; - --spectrum-radio-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-down: no; - --spectrum-radio-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-hover: no; - --spectrum-radio-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-disabled: no; - --spectrum-radio-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render: no; - --spectrum-radio-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-down: no; - --spectrum-radio-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-hover: no; - --spectrum-radio-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-circle-dot-border-radius: 100%; - --spectrum-radio-m-circle-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-circle-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-circle-margin-top: 0; - --spectrum-radio-m-circle-margin-bottom: 0; - --spectrum-radio-m-circle-diameter: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-radio-m-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-text-transform: none; - --spectrum-radio-m-text-render: yes; - --spectrum-radio-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-m-text-text-transform: none; - --spectrum-radio-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-focus-ring-type: focusring; - --spectrum-radio-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-radio-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-radio-m-margin-bottom: 0px; - --spectrum-radio-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-l-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render: no; - --spectrum-radio-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-l-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-circle-margin-top: 0; - --spectrum-radio-l-emphasized-circle-margin-bottom: 0; - --spectrum-radio-l-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-radio-l-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-emphasized-text-transform: none; - --spectrum-radio-l-emphasized-text-render: yes; - --spectrum-radio-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-l-emphasized-text-text-transform: none; - --spectrum-radio-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-emphasized-focus-ring-type: focusring; - --spectrum-radio-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-radio-l-emphasized-margin-bottom: 0px; - --spectrum-radio-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected: no; - --spectrum-radio-l-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-l-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-down: no; - --spectrum-radio-l-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-hover: no; - --spectrum-radio-l-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error: no; - --spectrum-radio-l-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-disabled: no; - --spectrum-radio-l-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-down: no; - --spectrum-radio-l-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-hover: no; - --spectrum-radio-l-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-error-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected: no; - --spectrum-radio-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-disabled: no; - --spectrum-radio-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-down: no; - --spectrum-radio-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-hover: no; - --spectrum-radio-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-disabled: no; - --spectrum-radio-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render: no; - --spectrum-radio-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-down: no; - --spectrum-radio-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-hover: no; - --spectrum-radio-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-circle-dot-border-radius: 100%; - --spectrum-radio-l-circle-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-circle-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-circle-margin-top: 0; - --spectrum-radio-l-circle-margin-bottom: 0; - --spectrum-radio-l-circle-diameter: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-radio-l-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-text-transform: none; - --spectrum-radio-l-text-render: yes; - --spectrum-radio-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-l-text-text-transform: none; - --spectrum-radio-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-focus-ring-type: focusring; - --spectrum-radio-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-radio-l-margin-bottom: 0px; - --spectrum-radio-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render: no; - --spectrum-radio-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-xl-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-emphasized-circle-margin-top: 0; - --spectrum-radio-xl-emphasized-circle-margin-bottom: 0; - --spectrum-radio-xl-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-radio-xl-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-emphasized-text-transform: none; - --spectrum-radio-xl-emphasized-text-render: yes; - --spectrum-radio-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-xl-emphasized-text-text-transform: none; - --spectrum-radio-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-emphasized-focus-ring-type: focusring; - --spectrum-radio-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-radio-xl-emphasized-margin-bottom: 0px; - --spectrum-radio-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected: no; - --spectrum-radio-xl-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-down: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-hover: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error: no; - --spectrum-radio-xl-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-disabled: no; - --spectrum-radio-xl-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-down: no; - --spectrum-radio-xl-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-hover: no; - --spectrum-radio-xl-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-error-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected: no; - --spectrum-radio-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-disabled: no; - --spectrum-radio-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-down: no; - --spectrum-radio-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-hover: no; - --spectrum-radio-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-disabled: no; - --spectrum-radio-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render: no; - --spectrum-radio-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-down: no; - --spectrum-radio-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-hover: no; - --spectrum-radio-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-circle-dot-border-radius: 100%; - --spectrum-radio-xl-circle-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-circle-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-circle-margin-top: 0; - --spectrum-radio-xl-circle-margin-bottom: 0; - --spectrum-radio-xl-circle-diameter: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-radio-xl-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-text-transform: none; - --spectrum-radio-xl-text-render: yes; - --spectrum-radio-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-xl-text-text-transform: none; - --spectrum-radio-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-focus-ring-type: focusring; - --spectrum-radio-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-radio-xl-margin-bottom: 0px; - --spectrum-radio-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/expressvars/css/components/spectrum-radiogroup.css b/components/expressvars/css/components/spectrum-radiogroup.css deleted file mode 100644 index 6ecf0fe461e..00000000000 --- a/components/expressvars/css/components/spectrum-radiogroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-radiogroup-radio-gap-x: var(--spectrum-global-dimension-size-200); - --spectrum-radiogroup-radio-gap-y: var(--spectrum-global-dimension-size-0); -} diff --git a/components/expressvars/css/components/spectrum-rating.css b/components/expressvars/css/components/spectrum-rating.css deleted file mode 100644 index ead4b10a6a7..00000000000 --- a/components/expressvars/css/components/spectrum-rating.css +++ /dev/null @@ -1,76 +0,0 @@ -:root { - --spectrum-rating-emphasized-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-rating-emphasized-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-emphasized-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-emphasized-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-rating-emphasized-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-rating-emphasized-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-rating-emphasized-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-emphasized-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-rating-emphasized-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color: var(--spectrum-alias-icon-color); - --spectrum-rating-emphasized-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-emphasized-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-emphasized-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-emphasized-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-emphasized-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-emphasized-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-icon-count: 5; - --spectrum-rating-emphasized-icon-spacing: var(--spectrum-global-dimension-size-75); - --spectrum-rating-emphasized-icon-width: var(--spectrum-global-dimension-size-300); - --spectrum-rating-emphasized-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-indicator-width: var(--spectrum-global-dimension-size-200); - --spectrum-rating-emphasized-indicator-height: var(--spectrum-global-dimension-size-25); - --spectrum-rating-emphasized-indicator-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-rating-emphasized-indicator-offset: var(--spectrum-alias-border-size-thick); - --spectrum-rating-emphasized-height: var(--spectrum-alias-single-line-height); - --spectrum-rating-emphasized-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-rating-emphasized-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-rating-icon-color-selected: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-rating-icon-count: 5; - --spectrum-rating-icon-spacing: var(--spectrum-global-dimension-size-75); - --spectrum-rating-icon-width: var(--spectrum-global-dimension-size-300); - --spectrum-rating-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-rating-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-rating-indicator-width: var(--spectrum-global-dimension-size-200); - --spectrum-rating-indicator-height: var(--spectrum-global-dimension-size-25); - --spectrum-rating-indicator-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-rating-indicator-offset: var(--spectrum-alias-border-size-thick); - --spectrum-rating-height: var(--spectrum-alias-single-line-height); - --spectrum-rating-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-rating-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/expressvars/css/components/spectrum-scrollbar.css b/components/expressvars/css/components/spectrum-scrollbar.css deleted file mode 100644 index bef317ee2bf..00000000000 --- a/components/expressvars/css/components/spectrum-scrollbar.css +++ /dev/null @@ -1,503 +0,0 @@ -:root { - --spectrum-scrollbar-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-track-background-color: transparent; - --spectrum-scrollbar-s-track-border-color: transparent; - --spectrum-scrollbar-s-track-layout: column; - --spectrum-scrollbar-s-track-align-items: start; - --spectrum-scrollbar-s-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-s-track-height: 100%; - --spectrum-scrollbar-s-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-s-bar-min-width: 0; - --spectrum-scrollbar-s-bar-height: auto; - --spectrum-scrollbar-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-s-track-layout: column; - --spectrum-scrollbar-mac-s-track-align-items: start; - --spectrum-scrollbar-mac-s-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-mac-s-track-height: 100%; - --spectrum-scrollbar-mac-s-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-mac-s-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-mac-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-s-bar-min-width: 0; - --spectrum-scrollbar-mac-s-bar-height: auto; - --spectrum-scrollbar-mac-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-s-track-border-color: transparent; - --spectrum-scrollbar-windows-s-track-layout: column; - --spectrum-scrollbar-windows-s-track-align-items: start; - --spectrum-scrollbar-windows-s-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-track-height: 100%; - --spectrum-scrollbar-windows-s-track-padding: 0; - --spectrum-scrollbar-windows-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-s-bar-min-width: 0; - --spectrum-scrollbar-windows-s-bar-height: auto; - --spectrum-scrollbar-windows-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-windows-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-track-background-color: transparent; - --spectrum-scrollbar-android-s-track-border-color: transparent; - --spectrum-scrollbar-android-s-track-layout: column; - --spectrum-scrollbar-android-s-track-align-items: start; - --spectrum-scrollbar-android-s-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-track-height: 100%; - --spectrum-scrollbar-android-s-track-padding: 0; - --spectrum-scrollbar-android-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-s-bar-min-width: 0; - --spectrum-scrollbar-android-s-bar-height: auto; - --spectrum-scrollbar-android-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-track-background-color: transparent; - --spectrum-scrollbar-s-white-track-border-color: transparent; - --spectrum-scrollbar-s-white-track-layout: column; - --spectrum-scrollbar-s-white-track-align-items: start; - --spectrum-scrollbar-s-white-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-s-white-track-height: 100%; - --spectrum-scrollbar-s-white-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-white-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-s-white-bar-min-width: 0; - --spectrum-scrollbar-s-white-bar-height: auto; - --spectrum-scrollbar-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-track-background-color: transparent; - --spectrum-scrollbar-mac-s-white-track-border-color: transparent; - --spectrum-scrollbar-mac-s-white-track-layout: column; - --spectrum-scrollbar-mac-s-white-track-align-items: start; - --spectrum-scrollbar-mac-s-white-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-mac-s-white-track-height: 100%; - --spectrum-scrollbar-mac-s-white-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-mac-s-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-white-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-mac-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-s-white-bar-min-width: 0; - --spectrum-scrollbar-mac-s-white-bar-height: auto; - --spectrum-scrollbar-mac-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-track-background-color: transparent; - --spectrum-scrollbar-windows-s-white-track-border-color: transparent; - --spectrum-scrollbar-windows-s-white-track-layout: column; - --spectrum-scrollbar-windows-s-white-track-align-items: start; - --spectrum-scrollbar-windows-s-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-track-height: 100%; - --spectrum-scrollbar-windows-s-white-track-padding: 0; - --spectrum-scrollbar-windows-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-s-white-bar-min-width: 0; - --spectrum-scrollbar-windows-s-white-bar-height: auto; - --spectrum-scrollbar-windows-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-windows-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-track-background-color: transparent; - --spectrum-scrollbar-android-s-white-track-border-color: transparent; - --spectrum-scrollbar-android-s-white-track-layout: column; - --spectrum-scrollbar-android-s-white-track-align-items: start; - --spectrum-scrollbar-android-s-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-white-track-height: 100%; - --spectrum-scrollbar-android-s-white-track-padding: 0; - --spectrum-scrollbar-android-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-s-white-bar-min-width: 0; - --spectrum-scrollbar-android-s-white-bar-height: auto; - --spectrum-scrollbar-android-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-track-background-color: transparent; - --spectrum-scrollbar-m-track-border-color: transparent; - --spectrum-scrollbar-m-track-layout: column; - --spectrum-scrollbar-m-track-align-items: start; - --spectrum-scrollbar-m-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-m-track-height: 100%; - --spectrum-scrollbar-m-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-m-bar-min-width: 0; - --spectrum-scrollbar-m-bar-height: auto; - --spectrum-scrollbar-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-m-track-layout: column; - --spectrum-scrollbar-mac-m-track-align-items: start; - --spectrum-scrollbar-mac-m-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-mac-m-track-height: 100%; - --spectrum-scrollbar-mac-m-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-m-bar-min-width: 0; - --spectrum-scrollbar-mac-m-bar-height: auto; - --spectrum-scrollbar-mac-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-m-track-border-color: transparent; - --spectrum-scrollbar-windows-m-track-layout: column; - --spectrum-scrollbar-windows-m-track-align-items: start; - --spectrum-scrollbar-windows-m-track-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-track-height: 100%; - --spectrum-scrollbar-windows-m-track-padding: 0; - --spectrum-scrollbar-windows-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-m-bar-min-width: 0; - --spectrum-scrollbar-windows-m-bar-height: auto; - --spectrum-scrollbar-windows-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-android-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-track-background-color: transparent; - --spectrum-scrollbar-android-m-track-border-color: transparent; - --spectrum-scrollbar-android-m-track-layout: column; - --spectrum-scrollbar-android-m-track-align-items: start; - --spectrum-scrollbar-android-m-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-track-height: 100%; - --spectrum-scrollbar-android-m-track-padding: 0; - --spectrum-scrollbar-android-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-m-bar-min-width: 0; - --spectrum-scrollbar-android-m-bar-height: auto; - --spectrum-scrollbar-android-m-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-track-background-color: transparent; - --spectrum-scrollbar-m-white-track-border-color: transparent; - --spectrum-scrollbar-m-white-track-layout: column; - --spectrum-scrollbar-m-white-track-align-items: start; - --spectrum-scrollbar-m-white-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-m-white-track-height: 100%; - --spectrum-scrollbar-m-white-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-white-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-m-white-bar-min-width: 0; - --spectrum-scrollbar-m-white-bar-height: auto; - --spectrum-scrollbar-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-track-background-color: transparent; - --spectrum-scrollbar-mac-m-white-track-border-color: transparent; - --spectrum-scrollbar-mac-m-white-track-layout: column; - --spectrum-scrollbar-mac-m-white-track-align-items: start; - --spectrum-scrollbar-mac-m-white-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-mac-m-white-track-height: 100%; - --spectrum-scrollbar-mac-m-white-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-white-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-m-white-bar-min-width: 0; - --spectrum-scrollbar-mac-m-white-bar-height: auto; - --spectrum-scrollbar-mac-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-track-background-color: transparent; - --spectrum-scrollbar-windows-m-white-track-border-color: transparent; - --spectrum-scrollbar-windows-m-white-track-layout: column; - --spectrum-scrollbar-windows-m-white-track-align-items: start; - --spectrum-scrollbar-windows-m-white-track-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-track-height: 100%; - --spectrum-scrollbar-windows-m-white-track-padding: 0; - --spectrum-scrollbar-windows-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-m-white-bar-min-width: 0; - --spectrum-scrollbar-windows-m-white-bar-height: auto; - --spectrum-scrollbar-windows-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-android-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-track-background-color: transparent; - --spectrum-scrollbar-android-m-white-track-border-color: transparent; - --spectrum-scrollbar-android-m-white-track-layout: column; - --spectrum-scrollbar-android-m-white-track-align-items: start; - --spectrum-scrollbar-android-m-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-white-track-height: 100%; - --spectrum-scrollbar-android-m-white-track-padding: 0; - --spectrum-scrollbar-android-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-m-white-bar-min-width: 0; - --spectrum-scrollbar-android-m-white-bar-height: auto; - --spectrum-scrollbar-android-m-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-track-background-color: transparent; - --spectrum-scrollbar-l-track-border-color: transparent; - --spectrum-scrollbar-l-track-layout: column; - --spectrum-scrollbar-l-track-align-items: start; - --spectrum-scrollbar-l-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-l-track-height: 100%; - --spectrum-scrollbar-l-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-l-bar-min-width: 0; - --spectrum-scrollbar-l-bar-height: auto; - --spectrum-scrollbar-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-l-track-layout: column; - --spectrum-scrollbar-mac-l-track-align-items: start; - --spectrum-scrollbar-mac-l-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-mac-l-track-height: 100%; - --spectrum-scrollbar-mac-l-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-mac-l-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-l-bar-min-width: 0; - --spectrum-scrollbar-mac-l-bar-height: auto; - --spectrum-scrollbar-mac-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-mac-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-l-track-border-color: transparent; - --spectrum-scrollbar-windows-l-track-layout: column; - --spectrum-scrollbar-windows-l-track-align-items: start; - --spectrum-scrollbar-windows-l-track-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-track-height: 100%; - --spectrum-scrollbar-windows-l-track-padding: 0; - --spectrum-scrollbar-windows-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-l-bar-min-width: 0; - --spectrum-scrollbar-windows-l-bar-height: auto; - --spectrum-scrollbar-windows-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-windows-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-android-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-track-background-color: transparent; - --spectrum-scrollbar-android-l-track-border-color: transparent; - --spectrum-scrollbar-android-l-track-layout: column; - --spectrum-scrollbar-android-l-track-align-items: start; - --spectrum-scrollbar-android-l-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-track-height: 100%; - --spectrum-scrollbar-android-l-track-padding: 0; - --spectrum-scrollbar-android-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-l-bar-min-width: 0; - --spectrum-scrollbar-android-l-bar-height: auto; - --spectrum-scrollbar-android-l-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-track-background-color: transparent; - --spectrum-scrollbar-l-white-track-border-color: transparent; - --spectrum-scrollbar-l-white-track-layout: column; - --spectrum-scrollbar-l-white-track-align-items: start; - --spectrum-scrollbar-l-white-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-l-white-track-height: 100%; - --spectrum-scrollbar-l-white-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-white-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-l-white-bar-min-width: 0; - --spectrum-scrollbar-l-white-bar-height: auto; - --spectrum-scrollbar-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-track-background-color: transparent; - --spectrum-scrollbar-mac-l-white-track-border-color: transparent; - --spectrum-scrollbar-mac-l-white-track-layout: column; - --spectrum-scrollbar-mac-l-white-track-align-items: start; - --spectrum-scrollbar-mac-l-white-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-mac-l-white-track-height: 100%; - --spectrum-scrollbar-mac-l-white-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-mac-l-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-white-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-l-white-bar-min-width: 0; - --spectrum-scrollbar-mac-l-white-bar-height: auto; - --spectrum-scrollbar-mac-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-mac-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-track-background-color: transparent; - --spectrum-scrollbar-windows-l-white-track-border-color: transparent; - --spectrum-scrollbar-windows-l-white-track-layout: column; - --spectrum-scrollbar-windows-l-white-track-align-items: start; - --spectrum-scrollbar-windows-l-white-track-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-white-track-height: 100%; - --spectrum-scrollbar-windows-l-white-track-padding: 0; - --spectrum-scrollbar-windows-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-l-white-bar-min-width: 0; - --spectrum-scrollbar-windows-l-white-bar-height: auto; - --spectrum-scrollbar-windows-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-windows-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-android-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-track-background-color: transparent; - --spectrum-scrollbar-android-l-white-track-border-color: transparent; - --spectrum-scrollbar-android-l-white-track-layout: column; - --spectrum-scrollbar-android-l-white-track-align-items: start; - --spectrum-scrollbar-android-l-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-white-track-height: 100%; - --spectrum-scrollbar-android-l-white-track-padding: 0; - --spectrum-scrollbar-android-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-l-white-bar-min-width: 0; - --spectrum-scrollbar-android-l-white-bar-height: auto; - --spectrum-scrollbar-android-l-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); -} diff --git a/components/expressvars/css/components/spectrum-search.css b/components/expressvars/css/components/spectrum-search.css deleted file mode 100644 index ac3acd449d2..00000000000 --- a/components/expressvars/css/components/spectrum-search.css +++ /dev/null @@ -1,1096 +0,0 @@ -:root { - --spectrum-search-s-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-s-quiet-focusring-render-disabled: no; - --spectrum-search-s-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-size-disabled: 0; - --spectrum-search-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-s-quiet-focusring-render: no; - --spectrum-search-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-size: 0; - --spectrum-search-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-s-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-s-quiet-focusring-render-down: no; - --spectrum-search-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-size-down: 0; - --spectrum-search-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-s-quiet-focusring-render-hover: no; - --spectrum-search-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-size-hover: 0; - --spectrum-search-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-s-quiet-focusring-render-key-focus: yes; - --spectrum-search-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-s-quiet-border-size-key-focus: 0; - --spectrum-search-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-s-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-s-quiet-focusring-render-mouse-focus: no; - --spectrum-search-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-size-mouse-focus: 0; - --spectrum-search-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-icon-margin-top: 0; - --spectrum-search-s-quiet-icon-margin-bottom: 0; - --spectrum-search-s-quiet-icon-render: yes; - --spectrum-search-s-quiet-icon-type: icon; - --spectrum-search-s-quiet-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-search-s-quiet-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-quiet-placeholder-render: no; - --spectrum-search-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-quiet-placeholder-text-transform: none; - --spectrum-search-s-quiet-text-transform: none; - --spectrum-search-s-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-text-flex-grow: 1; - --spectrum-search-s-quiet-text-render: yes; - --spectrum-search-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-quiet-text-text-transform: none; - --spectrum-search-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-s-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-search-s-quiet-clearbutton-fill-layout: row; - --spectrum-search-s-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-s-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-search-s-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-s-quiet-clearbutton-render: no; - --spectrum-search-s-quiet-clearbutton-position: absolute; - --spectrum-search-s-quiet-clearbutton-right: 0; - --spectrum-search-s-quiet-clearbutton-top: 0; - --spectrum-search-s-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-search-s-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-s-quiet-focusring-border-radius: 0; - --spectrum-search-s-quiet-focusring-border-width: 0; - --spectrum-search-s-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-s-quiet-focusring-type: focusring; - --spectrum-search-s-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-position: relative; - --spectrum-search-s-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-s-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-s-quiet-overflow: hidden; - --spectrum-search-s-quiet-padding-left: var(--spectrum-alias-search-padding-left-s); - --spectrum-search-s-quiet-layout: row; - --spectrum-search-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-search-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-search-s-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-s-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-s-focusring-render-disabled: no; - --spectrum-search-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-s-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-clearbutton-fill-border-color: transparent; - --spectrum-search-s-focusring-render: no; - --spectrum-search-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-s-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-s-clearbutton-fill-border-color-down: transparent; - --spectrum-search-s-focusring-render-down: no; - --spectrum-search-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-s-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-s-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-s-focusring-render-hover: no; - --spectrum-search-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-s-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-s-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-s-focusring-render-key-focus: yes; - --spectrum-search-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-s-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-s-focusring-render-mouse-focus: no; - --spectrum-search-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-icon-margin-top: 0; - --spectrum-search-s-icon-margin-bottom: 0; - --spectrum-search-s-icon-render: yes; - --spectrum-search-s-icon-type: icon; - --spectrum-search-s-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-search-s-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-placeholder-render: no; - --spectrum-search-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-placeholder-text-transform: none; - --spectrum-search-s-text-transform: none; - --spectrum-search-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-text-flex-grow: 1; - --spectrum-search-s-text-render: yes; - --spectrum-search-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-text-text-transform: none; - --spectrum-search-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-s-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-search-s-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-search-s-clearbutton-fill-layout: row; - --spectrum-search-s-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-padding-top: 0; - --spectrum-search-s-clearbutton-fill-padding-bottom: 0; - --spectrum-search-s-clearbutton-fill-padding-left: 0; - --spectrum-search-s-clearbutton-fill-padding-right: 0; - --spectrum-search-s-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-search-s-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-s-clearbutton-render: no; - --spectrum-search-s-clearbutton-position: absolute; - --spectrum-search-s-clearbutton-right: 0; - --spectrum-search-s-clearbutton-top: 0; - --spectrum-search-s-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-search-s-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-s-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-s-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-s-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-s-focusring-type: focusring; - --spectrum-search-s-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-position: relative; - --spectrum-search-s-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-s-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-s-overflow: hidden; - --spectrum-search-s-padding-left: var(--spectrum-alias-search-padding-left-s); - --spectrum-search-s-layout: row; - --spectrum-search-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-search-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-search-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-search-m-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-m-quiet-focusring-render-disabled: no; - --spectrum-search-m-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-size-disabled: 0; - --spectrum-search-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-m-quiet-focusring-render: no; - --spectrum-search-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-size: 0; - --spectrum-search-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-m-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-m-quiet-focusring-render-down: no; - --spectrum-search-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-size-down: 0; - --spectrum-search-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-m-quiet-focusring-render-hover: no; - --spectrum-search-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-size-hover: 0; - --spectrum-search-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-m-quiet-focusring-render-key-focus: yes; - --spectrum-search-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-m-quiet-border-size-key-focus: 0; - --spectrum-search-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-m-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-m-quiet-focusring-render-mouse-focus: no; - --spectrum-search-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-size-mouse-focus: 0; - --spectrum-search-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-quiet-icon-margin-top: 0; - --spectrum-search-m-quiet-icon-margin-bottom: 0; - --spectrum-search-m-quiet-icon-render: yes; - --spectrum-search-m-quiet-icon-type: icon; - --spectrum-search-m-quiet-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-search-m-quiet-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-placeholder-render: no; - --spectrum-search-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-quiet-placeholder-text-transform: none; - --spectrum-search-m-quiet-text-transform: none; - --spectrum-search-m-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-text-flex-grow: 1; - --spectrum-search-m-quiet-text-render: yes; - --spectrum-search-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-quiet-text-text-transform: none; - --spectrum-search-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-m-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-search-m-quiet-clearbutton-fill-layout: row; - --spectrum-search-m-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-m-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-search-m-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-m-quiet-clearbutton-render: no; - --spectrum-search-m-quiet-clearbutton-position: absolute; - --spectrum-search-m-quiet-clearbutton-right: 0; - --spectrum-search-m-quiet-clearbutton-top: 0; - --spectrum-search-m-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-search-m-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-m-quiet-focusring-border-radius: 0; - --spectrum-search-m-quiet-focusring-border-width: 0; - --spectrum-search-m-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-m-quiet-focusring-type: focusring; - --spectrum-search-m-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-position: relative; - --spectrum-search-m-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-m-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-m-quiet-overflow: hidden; - --spectrum-search-m-quiet-padding-left: var(--spectrum-alias-search-padding-left-m); - --spectrum-search-m-quiet-layout: row; - --spectrum-search-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-search-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-search-m-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-m-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-m-focusring-render-disabled: no; - --spectrum-search-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-m-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-clearbutton-fill-border-color: transparent; - --spectrum-search-m-focusring-render: no; - --spectrum-search-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-m-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-m-clearbutton-fill-border-color-down: transparent; - --spectrum-search-m-focusring-render-down: no; - --spectrum-search-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-m-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-m-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-m-focusring-render-hover: no; - --spectrum-search-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-m-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-m-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-m-focusring-render-key-focus: yes; - --spectrum-search-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-m-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-m-focusring-render-mouse-focus: no; - --spectrum-search-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-icon-margin-top: 0; - --spectrum-search-m-icon-margin-bottom: 0; - --spectrum-search-m-icon-render: yes; - --spectrum-search-m-icon-type: icon; - --spectrum-search-m-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-search-m-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-placeholder-render: no; - --spectrum-search-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-placeholder-text-transform: none; - --spectrum-search-m-text-transform: none; - --spectrum-search-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-text-flex-grow: 1; - --spectrum-search-m-text-render: yes; - --spectrum-search-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-text-text-transform: none; - --spectrum-search-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-m-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-search-m-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-search-m-clearbutton-fill-layout: row; - --spectrum-search-m-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-padding-top: 0; - --spectrum-search-m-clearbutton-fill-padding-bottom: 0; - --spectrum-search-m-clearbutton-fill-padding-left: 0; - --spectrum-search-m-clearbutton-fill-padding-right: 0; - --spectrum-search-m-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-search-m-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-m-clearbutton-render: no; - --spectrum-search-m-clearbutton-position: absolute; - --spectrum-search-m-clearbutton-right: 0; - --spectrum-search-m-clearbutton-top: 0; - --spectrum-search-m-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-search-m-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-m-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-m-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-m-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-m-focusring-type: focusring; - --spectrum-search-m-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-position: relative; - --spectrum-search-m-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-m-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-m-overflow: hidden; - --spectrum-search-m-padding-left: var(--spectrum-alias-search-padding-left-m); - --spectrum-search-m-layout: row; - --spectrum-search-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-search-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-search-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-search-l-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-l-quiet-focusring-render-disabled: no; - --spectrum-search-l-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-size-disabled: 0; - --spectrum-search-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-l-quiet-focusring-render: no; - --spectrum-search-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-size: 0; - --spectrum-search-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-l-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-l-quiet-focusring-render-down: no; - --spectrum-search-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-size-down: 0; - --spectrum-search-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-l-quiet-focusring-render-hover: no; - --spectrum-search-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-size-hover: 0; - --spectrum-search-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-l-quiet-focusring-render-key-focus: yes; - --spectrum-search-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-l-quiet-border-size-key-focus: 0; - --spectrum-search-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-l-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-l-quiet-focusring-render-mouse-focus: no; - --spectrum-search-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-size-mouse-focus: 0; - --spectrum-search-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-quiet-icon-margin-top: 0; - --spectrum-search-l-quiet-icon-margin-bottom: 0; - --spectrum-search-l-quiet-icon-render: yes; - --spectrum-search-l-quiet-icon-type: icon; - --spectrum-search-l-quiet-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-placeholder-render: no; - --spectrum-search-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-quiet-placeholder-text-transform: none; - --spectrum-search-l-quiet-text-transform: none; - --spectrum-search-l-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-text-flex-grow: 1; - --spectrum-search-l-quiet-text-render: yes; - --spectrum-search-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-quiet-text-text-transform: none; - --spectrum-search-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-l-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-search-l-quiet-clearbutton-fill-layout: row; - --spectrum-search-l-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-l-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-search-l-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-l-quiet-clearbutton-render: no; - --spectrum-search-l-quiet-clearbutton-position: absolute; - --spectrum-search-l-quiet-clearbutton-right: 0; - --spectrum-search-l-quiet-clearbutton-top: 0; - --spectrum-search-l-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-search-l-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-l-quiet-focusring-border-radius: 0; - --spectrum-search-l-quiet-focusring-border-width: 0; - --spectrum-search-l-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-l-quiet-focusring-type: focusring; - --spectrum-search-l-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-position: relative; - --spectrum-search-l-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-l-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-l-quiet-overflow: hidden; - --spectrum-search-l-quiet-padding-left: var(--spectrum-alias-search-padding-left-l); - --spectrum-search-l-quiet-layout: row; - --spectrum-search-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-search-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-search-l-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-l-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-l-focusring-render-disabled: no; - --spectrum-search-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-l-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-clearbutton-fill-border-color: transparent; - --spectrum-search-l-focusring-render: no; - --spectrum-search-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-l-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-l-clearbutton-fill-border-color-down: transparent; - --spectrum-search-l-focusring-render-down: no; - --spectrum-search-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-l-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-l-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-l-focusring-render-hover: no; - --spectrum-search-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-l-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-l-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-l-focusring-render-key-focus: yes; - --spectrum-search-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-l-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-l-focusring-render-mouse-focus: no; - --spectrum-search-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-icon-margin-top: 0; - --spectrum-search-l-icon-margin-bottom: 0; - --spectrum-search-l-icon-render: yes; - --spectrum-search-l-icon-type: icon; - --spectrum-search-l-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-placeholder-render: no; - --spectrum-search-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-placeholder-text-transform: none; - --spectrum-search-l-text-transform: none; - --spectrum-search-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-text-flex-grow: 1; - --spectrum-search-l-text-render: yes; - --spectrum-search-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-text-text-transform: none; - --spectrum-search-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-l-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-search-l-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-search-l-clearbutton-fill-layout: row; - --spectrum-search-l-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-padding-top: 0; - --spectrum-search-l-clearbutton-fill-padding-bottom: 0; - --spectrum-search-l-clearbutton-fill-padding-left: 0; - --spectrum-search-l-clearbutton-fill-padding-right: 0; - --spectrum-search-l-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-search-l-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-l-clearbutton-render: no; - --spectrum-search-l-clearbutton-position: absolute; - --spectrum-search-l-clearbutton-right: 0; - --spectrum-search-l-clearbutton-top: 0; - --spectrum-search-l-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-search-l-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-l-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-l-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-l-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-l-focusring-type: focusring; - --spectrum-search-l-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-position: relative; - --spectrum-search-l-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-l-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-l-overflow: hidden; - --spectrum-search-l-padding-left: var(--spectrum-alias-search-padding-left-l); - --spectrum-search-l-layout: row; - --spectrum-search-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-search-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-search-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-search-xl-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-xl-quiet-focusring-render-disabled: no; - --spectrum-search-xl-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-size-disabled: 0; - --spectrum-search-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-xl-quiet-focusring-render: no; - --spectrum-search-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-size: 0; - --spectrum-search-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-xl-quiet-focusring-render-down: no; - --spectrum-search-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-size-down: 0; - --spectrum-search-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-xl-quiet-focusring-render-hover: no; - --spectrum-search-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-size-hover: 0; - --spectrum-search-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-xl-quiet-focusring-render-key-focus: yes; - --spectrum-search-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-xl-quiet-border-size-key-focus: 0; - --spectrum-search-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-xl-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-search-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-size-mouse-focus: 0; - --spectrum-search-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-quiet-icon-margin-top: 0; - --spectrum-search-xl-quiet-icon-margin-bottom: 0; - --spectrum-search-xl-quiet-icon-render: yes; - --spectrum-search-xl-quiet-icon-type: icon; - --spectrum-search-xl-quiet-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-search-xl-quiet-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-quiet-placeholder-render: no; - --spectrum-search-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-quiet-placeholder-text-transform: none; - --spectrum-search-xl-quiet-text-transform: none; - --spectrum-search-xl-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-text-flex-grow: 1; - --spectrum-search-xl-quiet-text-render: yes; - --spectrum-search-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-quiet-text-text-transform: none; - --spectrum-search-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-search-xl-quiet-clearbutton-fill-layout: row; - --spectrum-search-xl-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-xl-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-search-xl-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-xl-quiet-clearbutton-render: no; - --spectrum-search-xl-quiet-clearbutton-position: absolute; - --spectrum-search-xl-quiet-clearbutton-right: 0; - --spectrum-search-xl-quiet-clearbutton-top: 0; - --spectrum-search-xl-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-search-xl-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-xl-quiet-focusring-border-radius: 0; - --spectrum-search-xl-quiet-focusring-border-width: 0; - --spectrum-search-xl-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-xl-quiet-focusring-type: focusring; - --spectrum-search-xl-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-position: relative; - --spectrum-search-xl-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-xl-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-xl-quiet-overflow: hidden; - --spectrum-search-xl-quiet-padding-left: var(--spectrum-alias-search-padding-left-xl); - --spectrum-search-xl-quiet-layout: row; - --spectrum-search-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-search-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-search-xl-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-xl-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-xl-focusring-render-disabled: no; - --spectrum-search-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-xl-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-clearbutton-fill-border-color: transparent; - --spectrum-search-xl-focusring-render: no; - --spectrum-search-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-xl-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-xl-clearbutton-fill-border-color-down: transparent; - --spectrum-search-xl-focusring-render-down: no; - --spectrum-search-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-xl-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-xl-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-xl-focusring-render-hover: no; - --spectrum-search-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-xl-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-xl-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-xl-focusring-render-key-focus: yes; - --spectrum-search-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-xl-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-xl-focusring-render-mouse-focus: no; - --spectrum-search-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-icon-margin-top: 0; - --spectrum-search-xl-icon-margin-bottom: 0; - --spectrum-search-xl-icon-render: yes; - --spectrum-search-xl-icon-type: icon; - --spectrum-search-xl-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-search-xl-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-placeholder-render: no; - --spectrum-search-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-placeholder-text-transform: none; - --spectrum-search-xl-text-transform: none; - --spectrum-search-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-text-flex-grow: 1; - --spectrum-search-xl-text-render: yes; - --spectrum-search-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-text-text-transform: none; - --spectrum-search-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-xl-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-search-xl-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-search-xl-clearbutton-fill-layout: row; - --spectrum-search-xl-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-padding-top: 0; - --spectrum-search-xl-clearbutton-fill-padding-bottom: 0; - --spectrum-search-xl-clearbutton-fill-padding-left: 0; - --spectrum-search-xl-clearbutton-fill-padding-right: 0; - --spectrum-search-xl-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-search-xl-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-xl-clearbutton-render: no; - --spectrum-search-xl-clearbutton-position: absolute; - --spectrum-search-xl-clearbutton-right: 0; - --spectrum-search-xl-clearbutton-top: 0; - --spectrum-search-xl-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-search-xl-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-xl-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-xl-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-xl-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-xl-focusring-type: focusring; - --spectrum-search-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-position: relative; - --spectrum-search-xl-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-xl-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-xl-overflow: hidden; - --spectrum-search-xl-padding-left: var(--spectrum-alias-search-padding-left-xl); - --spectrum-search-xl-layout: row; - --spectrum-search-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-search-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-search-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-searchwithin.css b/components/expressvars/css/components/spectrum-searchwithin.css deleted file mode 100644 index 375445248dd..00000000000 --- a/components/expressvars/css/components/spectrum-searchwithin.css +++ /dev/null @@ -1,760 +0,0 @@ -:root { - --spectrum-searchwithin-s-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-s-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-s-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-s-quiet-focusring-render: no; - --spectrum-searchwithin-s-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-s-quiet-focusring-render-down: no; - --spectrum-searchwithin-s-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-s-quiet-focusring-render-hover: no; - --spectrum-searchwithin-s-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-s-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-s-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-s-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-s-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-s-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-render: yes; - --spectrum-searchwithin-s-quiet-icon-type: icon; - --spectrum-searchwithin-s-quiet-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-searchwithin-s-quiet-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-quiet-placeholder-render: no; - --spectrum-searchwithin-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-s-quiet-text-transform: none; - --spectrum-searchwithin-s-quiet-text-flex-grow: 1; - --spectrum-searchwithin-s-quiet-text-render: yes; - --spectrum-searchwithin-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-quiet-text-text-transform: none; - --spectrum-searchwithin-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-quiet-focusring-type: focusring; - --spectrum-searchwithin-s-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-s-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-s-quiet-padding-left: 36px; - --spectrum-searchwithin-s-quiet-padding-right: 28px; - --spectrum-searchwithin-s-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-s-quiet-position: relative; - --spectrum-searchwithin-s-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-s-quiet-overflow: hidden; - --spectrum-searchwithin-s-quiet-layout: row; - --spectrum-searchwithin-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-searchwithin-s-quiet-border-size: 0; - --spectrum-searchwithin-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-searchwithin-s-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-s-focusring-render-disabled: no; - --spectrum-searchwithin-s-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-s-focusring-render: no; - --spectrum-searchwithin-s-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-s-focusring-render-down: no; - --spectrum-searchwithin-s-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-s-focusring-render-hover: no; - --spectrum-searchwithin-s-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-s-focusring-render-key-focus: yes; - --spectrum-searchwithin-s-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-s-focusring-render-mouse-focus: no; - --spectrum-searchwithin-s-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-render: yes; - --spectrum-searchwithin-s-icon-type: icon; - --spectrum-searchwithin-s-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-searchwithin-s-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-placeholder-render: no; - --spectrum-searchwithin-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-placeholder-text-transform: none; - --spectrum-searchwithin-s-text-transform: none; - --spectrum-searchwithin-s-text-flex-grow: 1; - --spectrum-searchwithin-s-text-render: yes; - --spectrum-searchwithin-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-text-text-transform: none; - --spectrum-searchwithin-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-focusring-type: focusring; - --spectrum-searchwithin-s-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-s-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-s-padding-left: 36px; - --spectrum-searchwithin-s-padding-right: 28px; - --spectrum-searchwithin-s-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-s-position: relative; - --spectrum-searchwithin-s-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-s-overflow: hidden; - --spectrum-searchwithin-s-layout: row; - --spectrum-searchwithin-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-searchwithin-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-searchwithin-m-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-m-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-m-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-m-quiet-focusring-render: no; - --spectrum-searchwithin-m-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-m-quiet-focusring-render-down: no; - --spectrum-searchwithin-m-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-m-quiet-focusring-render-hover: no; - --spectrum-searchwithin-m-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-m-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-m-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-m-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-m-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-m-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-render: yes; - --spectrum-searchwithin-m-quiet-icon-type: icon; - --spectrum-searchwithin-m-quiet-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-searchwithin-m-quiet-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-quiet-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-quiet-placeholder-render: no; - --spectrum-searchwithin-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-m-quiet-text-transform: none; - --spectrum-searchwithin-m-quiet-text-flex-grow: 1; - --spectrum-searchwithin-m-quiet-text-render: yes; - --spectrum-searchwithin-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-quiet-text-text-transform: none; - --spectrum-searchwithin-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-quiet-focusring-type: focusring; - --spectrum-searchwithin-m-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-m-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-m-quiet-padding-left: 36px; - --spectrum-searchwithin-m-quiet-padding-right: 28px; - --spectrum-searchwithin-m-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-m-quiet-position: relative; - --spectrum-searchwithin-m-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-m-quiet-overflow: hidden; - --spectrum-searchwithin-m-quiet-layout: row; - --spectrum-searchwithin-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-m-quiet-border-size: 0; - --spectrum-searchwithin-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-searchwithin-m-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-m-focusring-render-disabled: no; - --spectrum-searchwithin-m-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-m-focusring-render: no; - --spectrum-searchwithin-m-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-m-focusring-render-down: no; - --spectrum-searchwithin-m-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-m-focusring-render-hover: no; - --spectrum-searchwithin-m-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-m-focusring-render-key-focus: yes; - --spectrum-searchwithin-m-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-m-focusring-render-mouse-focus: no; - --spectrum-searchwithin-m-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-render: yes; - --spectrum-searchwithin-m-icon-type: icon; - --spectrum-searchwithin-m-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-searchwithin-m-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-placeholder-render: no; - --spectrum-searchwithin-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-placeholder-text-transform: none; - --spectrum-searchwithin-m-text-transform: none; - --spectrum-searchwithin-m-text-flex-grow: 1; - --spectrum-searchwithin-m-text-render: yes; - --spectrum-searchwithin-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-text-text-transform: none; - --spectrum-searchwithin-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-focusring-type: focusring; - --spectrum-searchwithin-m-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-m-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-m-padding-left: 36px; - --spectrum-searchwithin-m-padding-right: 28px; - --spectrum-searchwithin-m-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-m-position: relative; - --spectrum-searchwithin-m-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-m-overflow: hidden; - --spectrum-searchwithin-m-layout: row; - --spectrum-searchwithin-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-searchwithin-l-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-l-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-l-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-l-quiet-focusring-render: no; - --spectrum-searchwithin-l-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-l-quiet-focusring-render-down: no; - --spectrum-searchwithin-l-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-l-quiet-focusring-render-hover: no; - --spectrum-searchwithin-l-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-l-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-l-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-l-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-l-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-l-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-render: yes; - --spectrum-searchwithin-l-quiet-icon-type: icon; - --spectrum-searchwithin-l-quiet-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-quiet-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-placeholder-render: no; - --spectrum-searchwithin-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-l-quiet-text-transform: none; - --spectrum-searchwithin-l-quiet-text-flex-grow: 1; - --spectrum-searchwithin-l-quiet-text-render: yes; - --spectrum-searchwithin-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-quiet-text-text-transform: none; - --spectrum-searchwithin-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-quiet-focusring-type: focusring; - --spectrum-searchwithin-l-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-l-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-l-quiet-padding-left: 36px; - --spectrum-searchwithin-l-quiet-padding-right: 28px; - --spectrum-searchwithin-l-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-l-quiet-position: relative; - --spectrum-searchwithin-l-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-l-quiet-overflow: hidden; - --spectrum-searchwithin-l-quiet-layout: row; - --spectrum-searchwithin-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-searchwithin-l-quiet-border-size: 0; - --spectrum-searchwithin-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-searchwithin-l-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-l-focusring-render-disabled: no; - --spectrum-searchwithin-l-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-l-focusring-render: no; - --spectrum-searchwithin-l-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-l-focusring-render-down: no; - --spectrum-searchwithin-l-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-l-focusring-render-hover: no; - --spectrum-searchwithin-l-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-l-focusring-render-key-focus: yes; - --spectrum-searchwithin-l-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-l-focusring-render-mouse-focus: no; - --spectrum-searchwithin-l-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-render: yes; - --spectrum-searchwithin-l-icon-type: icon; - --spectrum-searchwithin-l-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-placeholder-render: no; - --spectrum-searchwithin-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-placeholder-text-transform: none; - --spectrum-searchwithin-l-text-transform: none; - --spectrum-searchwithin-l-text-flex-grow: 1; - --spectrum-searchwithin-l-text-render: yes; - --spectrum-searchwithin-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-text-text-transform: none; - --spectrum-searchwithin-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-focusring-type: focusring; - --spectrum-searchwithin-l-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-l-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-l-padding-left: 36px; - --spectrum-searchwithin-l-padding-right: 28px; - --spectrum-searchwithin-l-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-l-position: relative; - --spectrum-searchwithin-l-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-l-overflow: hidden; - --spectrum-searchwithin-l-layout: row; - --spectrum-searchwithin-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-searchwithin-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-searchwithin-xl-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-xl-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-xl-quiet-focusring-render: no; - --spectrum-searchwithin-xl-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-xl-quiet-focusring-render-down: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-xl-quiet-focusring-render-hover: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-xl-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-xl-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-xl-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-render: yes; - --spectrum-searchwithin-xl-quiet-icon-type: icon; - --spectrum-searchwithin-xl-quiet-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-searchwithin-xl-quiet-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-quiet-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-quiet-placeholder-render: no; - --spectrum-searchwithin-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-flex-grow: 1; - --spectrum-searchwithin-xl-quiet-text-render: yes; - --spectrum-searchwithin-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-quiet-text-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-quiet-focusring-type: focusring; - --spectrum-searchwithin-xl-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-xl-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-padding-left: 36px; - --spectrum-searchwithin-xl-quiet-padding-right: 28px; - --spectrum-searchwithin-xl-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-xl-quiet-position: relative; - --spectrum-searchwithin-xl-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-xl-quiet-overflow: hidden; - --spectrum-searchwithin-xl-quiet-layout: row; - --spectrum-searchwithin-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-searchwithin-xl-quiet-border-size: 0; - --spectrum-searchwithin-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-xl-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-xl-focusring-render-disabled: no; - --spectrum-searchwithin-xl-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-xl-focusring-render: no; - --spectrum-searchwithin-xl-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-xl-focusring-render-down: no; - --spectrum-searchwithin-xl-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-xl-focusring-render-hover: no; - --spectrum-searchwithin-xl-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-xl-focusring-render-key-focus: yes; - --spectrum-searchwithin-xl-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-xl-focusring-render-mouse-focus: no; - --spectrum-searchwithin-xl-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-render: yes; - --spectrum-searchwithin-xl-icon-type: icon; - --spectrum-searchwithin-xl-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-searchwithin-xl-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-placeholder-render: no; - --spectrum-searchwithin-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-placeholder-text-transform: none; - --spectrum-searchwithin-xl-text-transform: none; - --spectrum-searchwithin-xl-text-flex-grow: 1; - --spectrum-searchwithin-xl-text-render: yes; - --spectrum-searchwithin-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-text-text-transform: none; - --spectrum-searchwithin-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-focusring-type: focusring; - --spectrum-searchwithin-xl-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-xl-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-padding-left: 36px; - --spectrum-searchwithin-xl-padding-right: 28px; - --spectrum-searchwithin-xl-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-xl-position: relative; - --spectrum-searchwithin-xl-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-xl-overflow: hidden; - --spectrum-searchwithin-xl-layout: row; - --spectrum-searchwithin-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-searchwithin-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-sidenav.css b/components/expressvars/css/components/spectrum-sidenav.css deleted file mode 100644 index e3d4c04681f..00000000000 --- a/components/expressvars/css/components/spectrum-sidenav.css +++ /dev/null @@ -1,242 +0,0 @@ -:root { - --spectrum-sidenav-multilevel-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-main-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-main-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-main-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-main-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-main-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-main-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-main-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-main-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-heading-text-color: var(--spectrum-global-color-gray-700); - --spectrum-sidenav-multilevel-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-multilevel-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-multilevel-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-multilevel-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-item-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-indentation: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-layout: row; - --spectrum-sidenav-multilevel-item-align-items: center; - --spectrum-sidenav-multilevel-item-text-decoration: none; - --spectrum-sidenav-multilevel-main-item-margin-left: 0; - --spectrum-sidenav-multilevel-main-item-indentation: 0; - --spectrum-sidenav-multilevel-main-item-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-sidenav-multilevel-main-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-multilevel-main-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-multilevel-main-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-multilevel-main-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-main-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-main-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-main-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-main-item-layout: row; - --spectrum-sidenav-multilevel-main-item-align-items: center; - --spectrum-sidenav-multilevel-main-item-text-decoration: none; - --spectrum-sidenav-multilevel-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-sidenav-multilevel-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-sidenav-multilevel-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-sidenav-multilevel-heading-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-sidenav-multilevel-heading-text-font-weight: var(--spectrum-global-font-weight-medium); - --spectrum-sidenav-multilevel-heading-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-sidenav-multilevel-heading-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-sidenav-multilevel-heading-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-heading-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-heading-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-heading-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-heading-gap-top: var(--spectrum-global-dimension-size-200); - --spectrum-sidenav-multilevel-heading-gap-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-min-width: var(--spectrum-global-dimension-size-3000); - --spectrum-sidenav-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-main-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-main-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-main-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-main-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-main-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-main-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-main-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-main-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-heading-text-color: var(--spectrum-global-color-gray-700); - --spectrum-sidenav-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-item-margin-left: 0; - --spectrum-sidenav-item-indentation: 0; - --spectrum-sidenav-item-layout: row; - --spectrum-sidenav-item-align-items: center; - --spectrum-sidenav-item-text-decoration: none; - --spectrum-sidenav-main-item-margin-left: 0; - --spectrum-sidenav-main-item-indentation: 0; - --spectrum-sidenav-main-item-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-sidenav-main-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-main-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-main-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-main-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-main-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-main-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-main-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-main-item-layout: row; - --spectrum-sidenav-main-item-align-items: center; - --spectrum-sidenav-main-item-text-decoration: none; - --spectrum-sidenav-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-sidenav-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-sidenav-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-sidenav-heading-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-sidenav-heading-text-font-weight: var(--spectrum-global-font-weight-medium); - --spectrum-sidenav-heading-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-sidenav-heading-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-sidenav-heading-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-heading-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-heading-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-heading-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-heading-gap-top: var(--spectrum-global-dimension-size-200); - --spectrum-sidenav-heading-gap-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-min-width: var(--spectrum-global-dimension-size-3000); -} diff --git a/components/expressvars/css/components/spectrum-slider.css b/components/expressvars/css/components/spectrum-slider.css deleted file mode 100644 index 99a60c47d6e..00000000000 --- a/components/expressvars/css/components/spectrum-slider.css +++ /dev/null @@ -1,4442 +0,0 @@ -:root { - --spectrum-slider-s-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render: no; - --spectrum-slider-s-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-tick-editable-text-transform: none; - --spectrum-slider-s-tick-editable-text-render: yes; - --spectrum-slider-s-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-tick-editable-text-text-transform: none; - --spectrum-slider-s-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-tick-editable-text-transform: none; - --spectrum-slider-s-ramp-tick-editable-text-render: yes; - --spectrum-slider-s-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-s-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-tick-editable-text-transform: none; - --spectrum-slider-s-range-tick-editable-text-render: yes; - --spectrum-slider-s-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-tick-editable-text-text-transform: none; - --spectrum-slider-s-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render: no; - --spectrum-slider-s-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-down: no; - --spectrum-slider-s-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-hover: no; - --spectrum-slider-s-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-focus-ring-type: focusring; - --spectrum-slider-s-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-tick-text-transform: none; - --spectrum-slider-s-tick-text-render: yes; - --spectrum-slider-s-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-tick-text-text-transform: none; - --spectrum-slider-s-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-s-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-tick-text-transform: none; - --spectrum-slider-s-ramp-tick-text-render: yes; - --spectrum-slider-s-ramp-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-tick-text-text-transform: none; - --spectrum-slider-s-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render: no; - --spectrum-slider-s-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-down: no; - --spectrum-slider-s-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-hover: no; - --spectrum-slider-s-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-focus-ring-type: focusring; - --spectrum-slider-s-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-tick-text-transform: none; - --spectrum-slider-s-range-tick-text-render: yes; - --spectrum-slider-s-range-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-tick-text-text-transform: none; - --spectrum-slider-s-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render: no; - --spectrum-slider-s-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-down: no; - --spectrum-slider-s-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-hover: no; - --spectrum-slider-s-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-editable-focus-ring-type: focusring; - --spectrum-slider-s-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-editable-text-transform: none; - --spectrum-slider-s-editable-text-render: yes; - --spectrum-slider-s-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-editable-text-text-transform: none; - --spectrum-slider-s-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-s-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-editable-text-transform: none; - --spectrum-slider-s-ramp-editable-text-render: yes; - --spectrum-slider-s-ramp-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-editable-text-text-transform: none; - --spectrum-slider-s-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render: no; - --spectrum-slider-s-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-down: no; - --spectrum-slider-s-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-hover: no; - --spectrum-slider-s-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-editable-focus-ring-type: focusring; - --spectrum-slider-s-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-editable-text-transform: none; - --spectrum-slider-s-range-editable-text-render: yes; - --spectrum-slider-s-range-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-editable-text-text-transform: none; - --spectrum-slider-s-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-disabled: no; - --spectrum-slider-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render: no; - --spectrum-slider-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-down: no; - --spectrum-slider-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-hover: no; - --spectrum-slider-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-focus-ring-render-key-focus: yes; - --spectrum-slider-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-focus-ring-type: focusring; - --spectrum-slider-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-text-transform: none; - --spectrum-slider-s-text-render: yes; - --spectrum-slider-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-text-text-transform: none; - --spectrum-slider-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render: no; - --spectrum-slider-s-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-down: no; - --spectrum-slider-s-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-focus-ring-type: focusring; - --spectrum-slider-s-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-text-transform: none; - --spectrum-slider-s-ramp-text-render: yes; - --spectrum-slider-s-ramp-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-text-text-transform: none; - --spectrum-slider-s-ramp-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-disabled: no; - --spectrum-slider-s-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render: no; - --spectrum-slider-s-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-down: no; - --spectrum-slider-s-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-hover: no; - --spectrum-slider-s-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-focus-ring-type: focusring; - --spectrum-slider-s-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-text-transform: none; - --spectrum-slider-s-range-text-render: yes; - --spectrum-slider-s-range-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-text-text-transform: none; - --spectrum-slider-s-range-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render: no; - --spectrum-slider-m-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-tick-editable-text-transform: none; - --spectrum-slider-m-tick-editable-text-render: yes; - --spectrum-slider-m-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-tick-editable-text-text-transform: none; - --spectrum-slider-m-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-tick-editable-text-transform: none; - --spectrum-slider-m-ramp-tick-editable-text-render: yes; - --spectrum-slider-m-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-m-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-tick-editable-text-transform: none; - --spectrum-slider-m-range-tick-editable-text-render: yes; - --spectrum-slider-m-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-tick-editable-text-text-transform: none; - --spectrum-slider-m-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render: no; - --spectrum-slider-m-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-down: no; - --spectrum-slider-m-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-hover: no; - --spectrum-slider-m-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-focus-ring-type: focusring; - --spectrum-slider-m-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-tick-text-transform: none; - --spectrum-slider-m-tick-text-render: yes; - --spectrum-slider-m-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-tick-text-text-transform: none; - --spectrum-slider-m-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-m-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-tick-text-transform: none; - --spectrum-slider-m-ramp-tick-text-render: yes; - --spectrum-slider-m-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-tick-text-text-transform: none; - --spectrum-slider-m-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render: no; - --spectrum-slider-m-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-down: no; - --spectrum-slider-m-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-hover: no; - --spectrum-slider-m-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-focus-ring-type: focusring; - --spectrum-slider-m-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-tick-text-transform: none; - --spectrum-slider-m-range-tick-text-render: yes; - --spectrum-slider-m-range-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-tick-text-text-transform: none; - --spectrum-slider-m-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render: no; - --spectrum-slider-m-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-down: no; - --spectrum-slider-m-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-hover: no; - --spectrum-slider-m-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-editable-focus-ring-type: focusring; - --spectrum-slider-m-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-editable-text-transform: none; - --spectrum-slider-m-editable-text-render: yes; - --spectrum-slider-m-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-editable-text-text-transform: none; - --spectrum-slider-m-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-m-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-editable-text-transform: none; - --spectrum-slider-m-ramp-editable-text-render: yes; - --spectrum-slider-m-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-editable-text-text-transform: none; - --spectrum-slider-m-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render: no; - --spectrum-slider-m-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-down: no; - --spectrum-slider-m-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-hover: no; - --spectrum-slider-m-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-editable-focus-ring-type: focusring; - --spectrum-slider-m-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-editable-text-transform: none; - --spectrum-slider-m-range-editable-text-render: yes; - --spectrum-slider-m-range-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-editable-text-text-transform: none; - --spectrum-slider-m-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-disabled: no; - --spectrum-slider-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render: no; - --spectrum-slider-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-down: no; - --spectrum-slider-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-hover: no; - --spectrum-slider-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-focus-ring-render-key-focus: yes; - --spectrum-slider-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-focus-ring-type: focusring; - --spectrum-slider-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-text-transform: none; - --spectrum-slider-m-text-render: yes; - --spectrum-slider-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-text-text-transform: none; - --spectrum-slider-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render: no; - --spectrum-slider-m-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-down: no; - --spectrum-slider-m-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-focus-ring-type: focusring; - --spectrum-slider-m-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-text-transform: none; - --spectrum-slider-m-ramp-text-render: yes; - --spectrum-slider-m-ramp-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-text-text-transform: none; - --spectrum-slider-m-ramp-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-disabled: no; - --spectrum-slider-m-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render: no; - --spectrum-slider-m-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-down: no; - --spectrum-slider-m-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-hover: no; - --spectrum-slider-m-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-focus-ring-type: focusring; - --spectrum-slider-m-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-text-transform: none; - --spectrum-slider-m-range-text-render: yes; - --spectrum-slider-m-range-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-text-text-transform: none; - --spectrum-slider-m-range-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render: no; - --spectrum-slider-l-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-tick-editable-text-transform: none; - --spectrum-slider-l-tick-editable-text-render: yes; - --spectrum-slider-l-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-tick-editable-text-text-transform: none; - --spectrum-slider-l-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-tick-editable-text-transform: none; - --spectrum-slider-l-ramp-tick-editable-text-render: yes; - --spectrum-slider-l-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-l-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-tick-editable-text-transform: none; - --spectrum-slider-l-range-tick-editable-text-render: yes; - --spectrum-slider-l-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-tick-editable-text-text-transform: none; - --spectrum-slider-l-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render: no; - --spectrum-slider-l-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-down: no; - --spectrum-slider-l-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-hover: no; - --spectrum-slider-l-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-focus-ring-type: focusring; - --spectrum-slider-l-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-tick-text-transform: none; - --spectrum-slider-l-tick-text-render: yes; - --spectrum-slider-l-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-tick-text-text-transform: none; - --spectrum-slider-l-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-l-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-tick-text-transform: none; - --spectrum-slider-l-ramp-tick-text-render: yes; - --spectrum-slider-l-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-tick-text-text-transform: none; - --spectrum-slider-l-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render: no; - --spectrum-slider-l-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-down: no; - --spectrum-slider-l-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-hover: no; - --spectrum-slider-l-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-focus-ring-type: focusring; - --spectrum-slider-l-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-tick-text-transform: none; - --spectrum-slider-l-range-tick-text-render: yes; - --spectrum-slider-l-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-tick-text-text-transform: none; - --spectrum-slider-l-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render: no; - --spectrum-slider-l-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-down: no; - --spectrum-slider-l-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-hover: no; - --spectrum-slider-l-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-editable-focus-ring-type: focusring; - --spectrum-slider-l-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-editable-text-transform: none; - --spectrum-slider-l-editable-text-render: yes; - --spectrum-slider-l-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-editable-text-text-transform: none; - --spectrum-slider-l-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-l-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-editable-text-transform: none; - --spectrum-slider-l-ramp-editable-text-render: yes; - --spectrum-slider-l-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-editable-text-text-transform: none; - --spectrum-slider-l-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render: no; - --spectrum-slider-l-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-down: no; - --spectrum-slider-l-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-hover: no; - --spectrum-slider-l-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-editable-focus-ring-type: focusring; - --spectrum-slider-l-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-editable-text-transform: none; - --spectrum-slider-l-range-editable-text-render: yes; - --spectrum-slider-l-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-editable-text-text-transform: none; - --spectrum-slider-l-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-disabled: no; - --spectrum-slider-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render: no; - --spectrum-slider-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-down: no; - --spectrum-slider-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-hover: no; - --spectrum-slider-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-focus-ring-render-key-focus: yes; - --spectrum-slider-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-focus-ring-type: focusring; - --spectrum-slider-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-text-transform: none; - --spectrum-slider-l-text-render: yes; - --spectrum-slider-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-text-text-transform: none; - --spectrum-slider-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render: no; - --spectrum-slider-l-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-down: no; - --spectrum-slider-l-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-focus-ring-type: focusring; - --spectrum-slider-l-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-text-transform: none; - --spectrum-slider-l-ramp-text-render: yes; - --spectrum-slider-l-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-text-text-transform: none; - --spectrum-slider-l-ramp-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-disabled: no; - --spectrum-slider-l-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render: no; - --spectrum-slider-l-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-down: no; - --spectrum-slider-l-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-hover: no; - --spectrum-slider-l-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-focus-ring-type: focusring; - --spectrum-slider-l-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-text-transform: none; - --spectrum-slider-l-range-text-render: yes; - --spectrum-slider-l-range-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-text-text-transform: none; - --spectrum-slider-l-range-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-tick-editable-text-transform: none; - --spectrum-slider-xl-tick-editable-text-render: yes; - --spectrum-slider-xl-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-tick-editable-text-text-transform: none; - --spectrum-slider-xl-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-tick-editable-text-transform: none; - --spectrum-slider-xl-ramp-tick-editable-text-render: yes; - --spectrum-slider-xl-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-xl-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-tick-editable-text-transform: none; - --spectrum-slider-xl-range-tick-editable-text-render: yes; - --spectrum-slider-xl-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-tick-editable-text-text-transform: none; - --spectrum-slider-xl-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render: no; - --spectrum-slider-xl-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-down: no; - --spectrum-slider-xl-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-focus-ring-type: focusring; - --spectrum-slider-xl-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-tick-text-transform: none; - --spectrum-slider-xl-tick-text-render: yes; - --spectrum-slider-xl-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-tick-text-text-transform: none; - --spectrum-slider-xl-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-tick-text-transform: none; - --spectrum-slider-xl-ramp-tick-text-render: yes; - --spectrum-slider-xl-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-tick-text-text-transform: none; - --spectrum-slider-xl-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render: no; - --spectrum-slider-xl-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-down: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-focus-ring-type: focusring; - --spectrum-slider-xl-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-tick-text-transform: none; - --spectrum-slider-xl-range-tick-text-render: yes; - --spectrum-slider-xl-range-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-tick-text-text-transform: none; - --spectrum-slider-xl-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render: no; - --spectrum-slider-xl-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-down: no; - --spectrum-slider-xl-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-editable-focus-ring-type: focusring; - --spectrum-slider-xl-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-editable-text-transform: none; - --spectrum-slider-xl-editable-text-render: yes; - --spectrum-slider-xl-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-editable-text-text-transform: none; - --spectrum-slider-xl-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-editable-text-transform: none; - --spectrum-slider-xl-ramp-editable-text-render: yes; - --spectrum-slider-xl-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-editable-text-text-transform: none; - --spectrum-slider-xl-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render: no; - --spectrum-slider-xl-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-down: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-editable-focus-ring-type: focusring; - --spectrum-slider-xl-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-editable-text-transform: none; - --spectrum-slider-xl-range-editable-text-render: yes; - --spectrum-slider-xl-range-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-editable-text-text-transform: none; - --spectrum-slider-xl-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-disabled: no; - --spectrum-slider-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render: no; - --spectrum-slider-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-down: no; - --spectrum-slider-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-hover: no; - --spectrum-slider-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-focus-ring-type: focusring; - --spectrum-slider-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-text-transform: none; - --spectrum-slider-xl-text-render: yes; - --spectrum-slider-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-text-text-transform: none; - --spectrum-slider-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render: no; - --spectrum-slider-xl-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-text-transform: none; - --spectrum-slider-xl-ramp-text-render: yes; - --spectrum-slider-xl-ramp-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-text-text-transform: none; - --spectrum-slider-xl-ramp-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render: no; - --spectrum-slider-xl-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-down: no; - --spectrum-slider-xl-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-hover: no; - --spectrum-slider-xl-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-focus-ring-type: focusring; - --spectrum-slider-xl-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-text-transform: none; - --spectrum-slider-xl-range-text-render: yes; - --spectrum-slider-xl-range-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-text-text-transform: none; - --spectrum-slider-xl-range-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-animation-ease: var(--spectrum-global-animation-ease-in-out); -} diff --git a/components/expressvars/css/components/spectrum-splitbutton.css b/components/expressvars/css/components/spectrum-splitbutton.css deleted file mode 100644 index dce41aae8b8..00000000000 --- a/components/expressvars/css/components/spectrum-splitbutton.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-splitbutton-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-splitbutton-icon-height: var(--spectrum-global-dimension-size-125); -} diff --git a/components/expressvars/css/components/spectrum-statuslight.css b/components/expressvars/css/components/spectrum-statuslight.css deleted file mode 100644 index 70cd0d7a49c..00000000000 --- a/components/expressvars/css/components/spectrum-statuslight.css +++ /dev/null @@ -1,1926 +0,0 @@ -:root { - --spectrum-statuslight-s-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-celery-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-celery-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-celery-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-celery-text-transform: none; - --spectrum-statuslight-s-celery-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-celery-text-render: yes; - --spectrum-statuslight-s-celery-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-celery-text-text-transform: none; - --spectrum-statuslight-s-celery-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-celery-layout: inline-row; - --spectrum-statuslight-s-celery-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-celery-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-chartreuse-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-chartreuse-text-transform: none; - --spectrum-statuslight-s-chartreuse-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-chartreuse-text-render: yes; - --spectrum-statuslight-s-chartreuse-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-chartreuse-text-text-transform: none; - --spectrum-statuslight-s-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-chartreuse-layout: inline-row; - --spectrum-statuslight-s-chartreuse-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-chartreuse-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-fuchsia-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-fuchsia-text-transform: none; - --spectrum-statuslight-s-fuchsia-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-fuchsia-text-render: yes; - --spectrum-statuslight-s-fuchsia-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-fuchsia-text-text-transform: none; - --spectrum-statuslight-s-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-fuchsia-layout: inline-row; - --spectrum-statuslight-s-fuchsia-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-fuchsia-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-indigo-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-indigo-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-indigo-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-indigo-text-transform: none; - --spectrum-statuslight-s-indigo-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-indigo-text-render: yes; - --spectrum-statuslight-s-indigo-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-indigo-text-text-transform: none; - --spectrum-statuslight-s-indigo-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-indigo-layout: inline-row; - --spectrum-statuslight-s-indigo-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-indigo-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-info-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-info-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-info-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-info-text-transform: none; - --spectrum-statuslight-s-info-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-info-text-render: yes; - --spectrum-statuslight-s-info-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-info-text-text-transform: none; - --spectrum-statuslight-s-info-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-info-layout: inline-row; - --spectrum-statuslight-s-info-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-info-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-magenta-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-magenta-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-magenta-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-magenta-text-transform: none; - --spectrum-statuslight-s-magenta-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-magenta-text-render: yes; - --spectrum-statuslight-s-magenta-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-magenta-text-text-transform: none; - --spectrum-statuslight-s-magenta-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-magenta-layout: inline-row; - --spectrum-statuslight-s-magenta-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-magenta-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-neutral-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-neutral-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-neutral-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-neutral-text-transform: none; - --spectrum-statuslight-s-neutral-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-s-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-s-neutral-text-render: yes; - --spectrum-statuslight-s-neutral-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-neutral-text-text-transform: none; - --spectrum-statuslight-s-neutral-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-neutral-layout: inline-row; - --spectrum-statuslight-s-neutral-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-neutral-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-negative-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-negative-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-negative-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-negative-text-transform: none; - --spectrum-statuslight-s-negative-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-negative-text-render: yes; - --spectrum-statuslight-s-negative-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-negative-text-text-transform: none; - --spectrum-statuslight-s-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-negative-layout: inline-row; - --spectrum-statuslight-s-negative-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-negative-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-notice-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-notice-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-notice-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-notice-text-transform: none; - --spectrum-statuslight-s-notice-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-notice-text-render: yes; - --spectrum-statuslight-s-notice-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-notice-text-text-transform: none; - --spectrum-statuslight-s-notice-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-notice-layout: inline-row; - --spectrum-statuslight-s-notice-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-notice-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-positive-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-positive-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-positive-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-positive-text-transform: none; - --spectrum-statuslight-s-positive-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-positive-text-render: yes; - --spectrum-statuslight-s-positive-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-positive-text-text-transform: none; - --spectrum-statuslight-s-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-positive-layout: inline-row; - --spectrum-statuslight-s-positive-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-positive-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-purple-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-purple-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-purple-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-purple-text-transform: none; - --spectrum-statuslight-s-purple-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-purple-text-render: yes; - --spectrum-statuslight-s-purple-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-purple-text-text-transform: none; - --spectrum-statuslight-s-purple-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-purple-layout: inline-row; - --spectrum-statuslight-s-purple-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-purple-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-seafoam-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-seafoam-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-seafoam-text-transform: none; - --spectrum-statuslight-s-seafoam-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-seafoam-text-render: yes; - --spectrum-statuslight-s-seafoam-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-seafoam-text-text-transform: none; - --spectrum-statuslight-s-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-seafoam-layout: inline-row; - --spectrum-statuslight-s-seafoam-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-seafoam-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-yellow-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-yellow-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-yellow-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-yellow-text-transform: none; - --spectrum-statuslight-s-yellow-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-yellow-text-render: yes; - --spectrum-statuslight-s-yellow-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-yellow-text-text-transform: none; - --spectrum-statuslight-s-yellow-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-yellow-layout: inline-row; - --spectrum-statuslight-s-yellow-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-yellow-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-m-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-celery-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-celery-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-celery-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-celery-text-transform: none; - --spectrum-statuslight-m-celery-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-celery-text-render: yes; - --spectrum-statuslight-m-celery-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-celery-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-celery-text-text-transform: none; - --spectrum-statuslight-m-celery-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-celery-layout: inline-row; - --spectrum-statuslight-m-celery-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-celery-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-chartreuse-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-chartreuse-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-chartreuse-text-transform: none; - --spectrum-statuslight-m-chartreuse-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-chartreuse-text-render: yes; - --spectrum-statuslight-m-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-chartreuse-text-text-transform: none; - --spectrum-statuslight-m-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-chartreuse-layout: inline-row; - --spectrum-statuslight-m-chartreuse-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-chartreuse-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-fuchsia-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-fuchsia-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-fuchsia-text-transform: none; - --spectrum-statuslight-m-fuchsia-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-fuchsia-text-render: yes; - --spectrum-statuslight-m-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-fuchsia-text-text-transform: none; - --spectrum-statuslight-m-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-fuchsia-layout: inline-row; - --spectrum-statuslight-m-fuchsia-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-fuchsia-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-indigo-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-indigo-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-indigo-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-indigo-text-transform: none; - --spectrum-statuslight-m-indigo-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-indigo-text-render: yes; - --spectrum-statuslight-m-indigo-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-indigo-text-text-transform: none; - --spectrum-statuslight-m-indigo-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-indigo-layout: inline-row; - --spectrum-statuslight-m-indigo-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-indigo-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-info-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-info-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-info-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-info-text-transform: none; - --spectrum-statuslight-m-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-info-text-render: yes; - --spectrum-statuslight-m-info-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-info-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-info-text-text-transform: none; - --spectrum-statuslight-m-info-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-info-layout: inline-row; - --spectrum-statuslight-m-info-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-info-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-magenta-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-magenta-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-magenta-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-magenta-text-transform: none; - --spectrum-statuslight-m-magenta-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-magenta-text-render: yes; - --spectrum-statuslight-m-magenta-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-magenta-text-text-transform: none; - --spectrum-statuslight-m-magenta-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-magenta-layout: inline-row; - --spectrum-statuslight-m-magenta-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-magenta-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-neutral-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-neutral-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-neutral-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-neutral-text-transform: none; - --spectrum-statuslight-m-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-m-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-m-neutral-text-render: yes; - --spectrum-statuslight-m-neutral-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-neutral-text-text-transform: none; - --spectrum-statuslight-m-neutral-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-neutral-layout: inline-row; - --spectrum-statuslight-m-neutral-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-neutral-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-negative-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-negative-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-negative-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-negative-text-transform: none; - --spectrum-statuslight-m-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-negative-text-render: yes; - --spectrum-statuslight-m-negative-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-negative-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-negative-text-text-transform: none; - --spectrum-statuslight-m-negative-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-negative-layout: inline-row; - --spectrum-statuslight-m-negative-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-negative-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-notice-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-notice-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-notice-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-notice-text-transform: none; - --spectrum-statuslight-m-notice-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-notice-text-render: yes; - --spectrum-statuslight-m-notice-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-notice-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-notice-text-text-transform: none; - --spectrum-statuslight-m-notice-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-notice-layout: inline-row; - --spectrum-statuslight-m-notice-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-notice-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-positive-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-positive-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-positive-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-positive-text-transform: none; - --spectrum-statuslight-m-positive-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-positive-text-render: yes; - --spectrum-statuslight-m-positive-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-positive-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-positive-text-text-transform: none; - --spectrum-statuslight-m-positive-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-positive-layout: inline-row; - --spectrum-statuslight-m-positive-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-positive-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-purple-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-purple-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-purple-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-purple-text-transform: none; - --spectrum-statuslight-m-purple-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-purple-text-render: yes; - --spectrum-statuslight-m-purple-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-purple-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-purple-text-text-transform: none; - --spectrum-statuslight-m-purple-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-purple-layout: inline-row; - --spectrum-statuslight-m-purple-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-purple-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-seafoam-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-seafoam-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-seafoam-text-transform: none; - --spectrum-statuslight-m-seafoam-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-seafoam-text-render: yes; - --spectrum-statuslight-m-seafoam-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-seafoam-text-text-transform: none; - --spectrum-statuslight-m-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-seafoam-layout: inline-row; - --spectrum-statuslight-m-seafoam-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-seafoam-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-yellow-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-yellow-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-yellow-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-yellow-text-transform: none; - --spectrum-statuslight-m-yellow-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-yellow-text-render: yes; - --spectrum-statuslight-m-yellow-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-yellow-text-text-transform: none; - --spectrum-statuslight-m-yellow-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-yellow-layout: inline-row; - --spectrum-statuslight-m-yellow-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-yellow-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-l-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-celery-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-celery-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-text-transform: none; - --spectrum-statuslight-l-celery-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-celery-text-render: yes; - --spectrum-statuslight-l-celery-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-celery-text-text-transform: none; - --spectrum-statuslight-l-celery-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-celery-layout: inline-row; - --spectrum-statuslight-l-celery-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-chartreuse-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-text-transform: none; - --spectrum-statuslight-l-chartreuse-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-chartreuse-text-render: yes; - --spectrum-statuslight-l-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-chartreuse-text-text-transform: none; - --spectrum-statuslight-l-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-chartreuse-layout: inline-row; - --spectrum-statuslight-l-chartreuse-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-fuchsia-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-text-transform: none; - --spectrum-statuslight-l-fuchsia-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-fuchsia-text-render: yes; - --spectrum-statuslight-l-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-fuchsia-text-text-transform: none; - --spectrum-statuslight-l-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-fuchsia-layout: inline-row; - --spectrum-statuslight-l-fuchsia-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-indigo-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-indigo-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-text-transform: none; - --spectrum-statuslight-l-indigo-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-indigo-text-render: yes; - --spectrum-statuslight-l-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-indigo-text-text-transform: none; - --spectrum-statuslight-l-indigo-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-indigo-layout: inline-row; - --spectrum-statuslight-l-indigo-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-info-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-info-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-text-transform: none; - --spectrum-statuslight-l-info-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-info-text-render: yes; - --spectrum-statuslight-l-info-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-info-text-text-transform: none; - --spectrum-statuslight-l-info-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-info-layout: inline-row; - --spectrum-statuslight-l-info-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-magenta-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-magenta-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-text-transform: none; - --spectrum-statuslight-l-magenta-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-magenta-text-render: yes; - --spectrum-statuslight-l-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-magenta-text-text-transform: none; - --spectrum-statuslight-l-magenta-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-magenta-layout: inline-row; - --spectrum-statuslight-l-magenta-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-neutral-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-neutral-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-text-transform: none; - --spectrum-statuslight-l-neutral-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-l-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-l-neutral-text-render: yes; - --spectrum-statuslight-l-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-neutral-text-text-transform: none; - --spectrum-statuslight-l-neutral-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-neutral-layout: inline-row; - --spectrum-statuslight-l-neutral-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-negative-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-negative-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-text-transform: none; - --spectrum-statuslight-l-negative-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-negative-text-render: yes; - --spectrum-statuslight-l-negative-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-negative-text-text-transform: none; - --spectrum-statuslight-l-negative-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-negative-layout: inline-row; - --spectrum-statuslight-l-negative-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-notice-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-notice-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-text-transform: none; - --spectrum-statuslight-l-notice-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-notice-text-render: yes; - --spectrum-statuslight-l-notice-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-notice-text-text-transform: none; - --spectrum-statuslight-l-notice-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-notice-layout: inline-row; - --spectrum-statuslight-l-notice-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-positive-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-positive-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-text-transform: none; - --spectrum-statuslight-l-positive-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-positive-text-render: yes; - --spectrum-statuslight-l-positive-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-positive-text-text-transform: none; - --spectrum-statuslight-l-positive-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-positive-layout: inline-row; - --spectrum-statuslight-l-positive-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-purple-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-purple-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-text-transform: none; - --spectrum-statuslight-l-purple-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-purple-text-render: yes; - --spectrum-statuslight-l-purple-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-purple-text-text-transform: none; - --spectrum-statuslight-l-purple-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-purple-layout: inline-row; - --spectrum-statuslight-l-purple-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-seafoam-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-text-transform: none; - --spectrum-statuslight-l-seafoam-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-seafoam-text-render: yes; - --spectrum-statuslight-l-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-seafoam-text-text-transform: none; - --spectrum-statuslight-l-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-seafoam-layout: inline-row; - --spectrum-statuslight-l-seafoam-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-yellow-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-yellow-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-text-transform: none; - --spectrum-statuslight-l-yellow-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-yellow-text-render: yes; - --spectrum-statuslight-l-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-yellow-text-text-transform: none; - --spectrum-statuslight-l-yellow-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-yellow-layout: inline-row; - --spectrum-statuslight-l-yellow-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-xl-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-celery-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-celery-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-celery-text-transform: none; - --spectrum-statuslight-xl-celery-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-celery-text-render: yes; - --spectrum-statuslight-xl-celery-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-celery-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-celery-text-text-transform: none; - --spectrum-statuslight-xl-celery-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-celery-layout: inline-row; - --spectrum-statuslight-xl-celery-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-celery-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-chartreuse-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-chartreuse-text-transform: none; - --spectrum-statuslight-xl-chartreuse-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-chartreuse-text-render: yes; - --spectrum-statuslight-xl-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-chartreuse-text-text-transform: none; - --spectrum-statuslight-xl-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-chartreuse-layout: inline-row; - --spectrum-statuslight-xl-chartreuse-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-chartreuse-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-fuchsia-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-fuchsia-text-transform: none; - --spectrum-statuslight-xl-fuchsia-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-fuchsia-text-render: yes; - --spectrum-statuslight-xl-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-fuchsia-text-text-transform: none; - --spectrum-statuslight-xl-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-fuchsia-layout: inline-row; - --spectrum-statuslight-xl-fuchsia-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-fuchsia-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-indigo-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-indigo-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-indigo-text-transform: none; - --spectrum-statuslight-xl-indigo-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-indigo-text-render: yes; - --spectrum-statuslight-xl-indigo-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-indigo-text-text-transform: none; - --spectrum-statuslight-xl-indigo-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-indigo-layout: inline-row; - --spectrum-statuslight-xl-indigo-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-indigo-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-info-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-info-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-info-text-transform: none; - --spectrum-statuslight-xl-info-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-info-text-render: yes; - --spectrum-statuslight-xl-info-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-info-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-info-text-text-transform: none; - --spectrum-statuslight-xl-info-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-info-layout: inline-row; - --spectrum-statuslight-xl-info-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-info-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-magenta-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-magenta-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-magenta-text-transform: none; - --spectrum-statuslight-xl-magenta-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-magenta-text-render: yes; - --spectrum-statuslight-xl-magenta-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-magenta-text-text-transform: none; - --spectrum-statuslight-xl-magenta-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-magenta-layout: inline-row; - --spectrum-statuslight-xl-magenta-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-magenta-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-neutral-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-neutral-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-neutral-text-transform: none; - --spectrum-statuslight-xl-neutral-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-xl-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-xl-neutral-text-render: yes; - --spectrum-statuslight-xl-neutral-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-neutral-text-text-transform: none; - --spectrum-statuslight-xl-neutral-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-neutral-layout: inline-row; - --spectrum-statuslight-xl-neutral-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-neutral-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-negative-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-negative-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-negative-text-transform: none; - --spectrum-statuslight-xl-negative-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-negative-text-render: yes; - --spectrum-statuslight-xl-negative-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-negative-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-negative-text-text-transform: none; - --spectrum-statuslight-xl-negative-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-negative-layout: inline-row; - --spectrum-statuslight-xl-negative-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-negative-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-notice-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-notice-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-notice-text-transform: none; - --spectrum-statuslight-xl-notice-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-notice-text-render: yes; - --spectrum-statuslight-xl-notice-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-notice-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-notice-text-text-transform: none; - --spectrum-statuslight-xl-notice-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-notice-layout: inline-row; - --spectrum-statuslight-xl-notice-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-notice-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-positive-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-positive-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-positive-text-transform: none; - --spectrum-statuslight-xl-positive-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-positive-text-render: yes; - --spectrum-statuslight-xl-positive-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-positive-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-positive-text-text-transform: none; - --spectrum-statuslight-xl-positive-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-positive-layout: inline-row; - --spectrum-statuslight-xl-positive-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-positive-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-purple-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-purple-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-purple-text-transform: none; - --spectrum-statuslight-xl-purple-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-purple-text-render: yes; - --spectrum-statuslight-xl-purple-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-purple-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-purple-text-text-transform: none; - --spectrum-statuslight-xl-purple-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-purple-layout: inline-row; - --spectrum-statuslight-xl-purple-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-purple-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-seafoam-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-seafoam-text-transform: none; - --spectrum-statuslight-xl-seafoam-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-seafoam-text-render: yes; - --spectrum-statuslight-xl-seafoam-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-seafoam-text-text-transform: none; - --spectrum-statuslight-xl-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-seafoam-layout: inline-row; - --spectrum-statuslight-xl-seafoam-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-seafoam-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-yellow-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-yellow-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-yellow-text-transform: none; - --spectrum-statuslight-xl-yellow-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-yellow-text-render: yes; - --spectrum-statuslight-xl-yellow-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-yellow-text-text-transform: none; - --spectrum-statuslight-xl-yellow-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-yellow-layout: inline-row; - --spectrum-statuslight-xl-yellow-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-yellow-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-steplist.css b/components/expressvars/css/components/spectrum-steplist.css deleted file mode 100644 index 31ea8d790a7..00000000000 --- a/components/expressvars/css/components/spectrum-steplist.css +++ /dev/null @@ -1,50 +0,0 @@ -:root { - --spectrum-steplist-incomplete-marker-color: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-marker-color-down: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-marker-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-steplist-incomplete-marker-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-steplist-incomplete-marker-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-text-text-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-incomplete-label-text-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-incomplete-segment-color: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-text-transform: none; - --spectrum-steplist-incomplete-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-incomplete-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-incomplete-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-incomplete-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-incomplete-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-incomplete-text-text-transform: none; - --spectrum-steplist-incomplete-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-steplist-complete-marker-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-marker-color-down: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-marker-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-marker-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-steplist-complete-marker-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-text-text-color: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-label-text-color: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-segment-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-text-transform: none; - --spectrum-steplist-complete-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-complete-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-complete-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-complete-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-complete-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-complete-text-text-transform: none; - --spectrum-steplist-complete-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-steplist-current-marker-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-steplist-current-marker-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-text-text-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-label-text-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-segment-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-text-transform: none; - --spectrum-steplist-current-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-current-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-current-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-current-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-current-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-current-text-text-transform: none; - --spectrum-steplist-current-text-font-size: var(--spectrum-global-dimension-font-size-100); -} diff --git a/components/expressvars/css/components/spectrum-stepperbutton.css b/components/expressvars/css/components/spectrum-stepperbutton.css deleted file mode 100644 index 3b04d7e54a3..00000000000 --- a/components/expressvars/css/components/spectrum-stepperbutton.css +++ /dev/null @@ -1,902 +0,0 @@ -:root { - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-left-layout: column; - --spectrum-stepperbutton-s-left-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-right-layout: column; - --spectrum-stepperbutton-s-right-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-none-layout: column; - --spectrum-stepperbutton-s-none-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-left-layout: column; - --spectrum-stepperbutton-m-left-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-right-layout: column; - --spectrum-stepperbutton-m-right-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-none-layout: column; - --spectrum-stepperbutton-m-none-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-left-layout: column; - --spectrum-stepperbutton-l-left-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-right-layout: column; - --spectrum-stepperbutton-l-right-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-none-layout: column; - --spectrum-stepperbutton-l-none-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-left-layout: column; - --spectrum-stepperbutton-xl-left-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-right-layout: column; - --spectrum-stepperbutton-xl-right-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-none-layout: column; - --spectrum-stepperbutton-xl-none-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-none-gap: var(--spectrum-alias-stepperbutton-gap); -} diff --git a/components/expressvars/css/components/spectrum-switch.css b/components/expressvars/css/components/spectrum-switch.css deleted file mode 100644 index b904c5d9ff8..00000000000 --- a/components/expressvars/css/components/spectrum-switch.css +++ /dev/null @@ -1,1046 +0,0 @@ -:root { - --spectrum-switch-s-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render: no; - --spectrum-switch-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-down: no; - --spectrum-switch-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-hover: no; - --spectrum-switch-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-s-emphasized-handle-size: var(--spectrum-alias-control-two-size-s); - --spectrum-switch-s-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-s-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-emphasized-text-transform: none; - --spectrum-switch-s-emphasized-text-render: yes; - --spectrum-switch-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-s-emphasized-text-text-transform: none; - --spectrum-switch-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-emphasized-track-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-emphasized-track-margin-top: 0; - --spectrum-switch-s-emphasized-track-margin-bottom: 0; - --spectrum-switch-s-emphasized-track-height: var(--spectrum-alias-control-three-height-s); - --spectrum-switch-s-emphasized-track-width: var(--spectrum-alias-control-three-width-s); - --spectrum-switch-s-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-s); - --spectrum-switch-s-emphasized-focus-ring-type: focusring; - --spectrum-switch-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-switch-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-emphasized-margin-bottom: 0px; - --spectrum-switch-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected: no; - --spectrum-switch-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-disabled: no; - --spectrum-switch-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-disabled: no; - --spectrum-switch-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-down: no; - --spectrum-switch-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-hover: no; - --spectrum-switch-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render: no; - --spectrum-switch-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-down: no; - --spectrum-switch-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-hover: no; - --spectrum-switch-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-focus-ring-render-key-focus: yes; - --spectrum-switch-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-mouse-focus: no; - --spectrum-switch-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-s-handle-size: var(--spectrum-alias-control-two-size-s); - --spectrum-switch-s-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-s-handle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-text-transform: none; - --spectrum-switch-s-text-render: yes; - --spectrum-switch-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-s-text-text-transform: none; - --spectrum-switch-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-track-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-track-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-track-margin-top: 0; - --spectrum-switch-s-track-margin-bottom: 0; - --spectrum-switch-s-track-height: var(--spectrum-alias-control-three-height-s); - --spectrum-switch-s-track-width: var(--spectrum-alias-control-three-width-s); - --spectrum-switch-s-track-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-s); - --spectrum-switch-s-focus-ring-type: focusring; - --spectrum-switch-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-switch-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-margin-bottom: 0px; - --spectrum-switch-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render: no; - --spectrum-switch-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-down: no; - --spectrum-switch-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-hover: no; - --spectrum-switch-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-m-emphasized-handle-size: var(--spectrum-alias-control-two-size-m); - --spectrum-switch-m-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-m-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-emphasized-text-transform: none; - --spectrum-switch-m-emphasized-text-render: yes; - --spectrum-switch-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-m-emphasized-text-text-transform: none; - --spectrum-switch-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-emphasized-track-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-track-margin-top: 0; - --spectrum-switch-m-emphasized-track-margin-bottom: 0; - --spectrum-switch-m-emphasized-track-height: var(--spectrum-alias-control-three-height-m); - --spectrum-switch-m-emphasized-track-width: var(--spectrum-alias-control-three-width-m); - --spectrum-switch-m-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-m); - --spectrum-switch-m-emphasized-focus-ring-type: focusring; - --spectrum-switch-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-switch-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-emphasized-margin-bottom: 0px; - --spectrum-switch-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected: no; - --spectrum-switch-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-disabled: no; - --spectrum-switch-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-disabled: no; - --spectrum-switch-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-down: no; - --spectrum-switch-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-hover: no; - --spectrum-switch-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render: no; - --spectrum-switch-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-down: no; - --spectrum-switch-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-hover: no; - --spectrum-switch-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-focus-ring-render-key-focus: yes; - --spectrum-switch-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-mouse-focus: no; - --spectrum-switch-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-m-handle-size: var(--spectrum-alias-control-two-size-m); - --spectrum-switch-m-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-m-handle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-text-transform: none; - --spectrum-switch-m-text-render: yes; - --spectrum-switch-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-m-text-text-transform: none; - --spectrum-switch-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-track-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-track-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-track-margin-top: 0; - --spectrum-switch-m-track-margin-bottom: 0; - --spectrum-switch-m-track-height: var(--spectrum-alias-control-three-height-m); - --spectrum-switch-m-track-width: var(--spectrum-alias-control-three-width-m); - --spectrum-switch-m-track-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-m); - --spectrum-switch-m-focus-ring-type: focusring; - --spectrum-switch-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-switch-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-margin-bottom: 0px; - --spectrum-switch-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-l-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render: no; - --spectrum-switch-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-down: no; - --spectrum-switch-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-hover: no; - --spectrum-switch-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-l-emphasized-handle-size: var(--spectrum-alias-control-two-size-l); - --spectrum-switch-l-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-l-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-emphasized-text-transform: none; - --spectrum-switch-l-emphasized-text-render: yes; - --spectrum-switch-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-l-emphasized-text-text-transform: none; - --spectrum-switch-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-emphasized-track-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-emphasized-track-margin-top: 0; - --spectrum-switch-l-emphasized-track-margin-bottom: 0; - --spectrum-switch-l-emphasized-track-height: var(--spectrum-alias-control-three-height-l); - --spectrum-switch-l-emphasized-track-width: var(--spectrum-alias-control-three-width-l); - --spectrum-switch-l-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-l); - --spectrum-switch-l-emphasized-focus-ring-type: focusring; - --spectrum-switch-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-switch-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-emphasized-margin-bottom: 0px; - --spectrum-switch-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected: no; - --spectrum-switch-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-disabled: no; - --spectrum-switch-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-disabled: no; - --spectrum-switch-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-down: no; - --spectrum-switch-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-hover: no; - --spectrum-switch-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render: no; - --spectrum-switch-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-down: no; - --spectrum-switch-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-hover: no; - --spectrum-switch-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-focus-ring-render-key-focus: yes; - --spectrum-switch-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-mouse-focus: no; - --spectrum-switch-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-l-handle-size: var(--spectrum-alias-control-two-size-l); - --spectrum-switch-l-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-l-handle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-text-transform: none; - --spectrum-switch-l-text-render: yes; - --spectrum-switch-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-l-text-text-transform: none; - --spectrum-switch-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-track-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-track-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-track-margin-top: 0; - --spectrum-switch-l-track-margin-bottom: 0; - --spectrum-switch-l-track-height: var(--spectrum-alias-control-three-height-l); - --spectrum-switch-l-track-width: var(--spectrum-alias-control-three-width-l); - --spectrum-switch-l-track-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-l); - --spectrum-switch-l-focus-ring-type: focusring; - --spectrum-switch-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-switch-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-margin-bottom: 0px; - --spectrum-switch-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-xl-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render: no; - --spectrum-switch-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-down: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-hover: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-xl-emphasized-handle-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-switch-xl-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-xl-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-emphasized-text-transform: none; - --spectrum-switch-xl-emphasized-text-render: yes; - --spectrum-switch-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-switch-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-xl-emphasized-text-text-transform: none; - --spectrum-switch-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-emphasized-track-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-emphasized-track-margin-top: 0; - --spectrum-switch-xl-emphasized-track-margin-bottom: 0; - --spectrum-switch-xl-emphasized-track-height: var(--spectrum-alias-control-three-height-xl); - --spectrum-switch-xl-emphasized-track-width: var(--spectrum-alias-control-three-width-xl); - --spectrum-switch-xl-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-xl); - --spectrum-switch-xl-emphasized-focus-ring-type: focusring; - --spectrum-switch-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-switch-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-emphasized-margin-bottom: 0px; - --spectrum-switch-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected: no; - --spectrum-switch-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-disabled: no; - --spectrum-switch-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-disabled: no; - --spectrum-switch-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-down: no; - --spectrum-switch-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-hover: no; - --spectrum-switch-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render: no; - --spectrum-switch-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-down: no; - --spectrum-switch-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-hover: no; - --spectrum-switch-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-focus-ring-render-key-focus: yes; - --spectrum-switch-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-mouse-focus: no; - --spectrum-switch-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-xl-handle-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-switch-xl-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-xl-handle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-text-transform: none; - --spectrum-switch-xl-text-render: yes; - --spectrum-switch-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-switch-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-xl-text-text-transform: none; - --spectrum-switch-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-track-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-track-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-track-margin-top: 0; - --spectrum-switch-xl-track-margin-bottom: 0; - --spectrum-switch-xl-track-height: var(--spectrum-alias-control-three-height-xl); - --spectrum-switch-xl-track-width: var(--spectrum-alias-control-three-width-xl); - --spectrum-switch-xl-track-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-xl); - --spectrum-switch-xl-focus-ring-type: focusring; - --spectrum-switch-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-switch-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-margin-bottom: 0px; - --spectrum-switch-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/expressvars/css/components/spectrum-tabbar.css b/components/expressvars/css/components/spectrum-tabbar.css deleted file mode 100644 index f73d9f277fa..00000000000 --- a/components/expressvars/css/components/spectrum-tabbar.css +++ /dev/null @@ -1,194 +0,0 @@ -:root { - --spectrum-tabbar-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tabbar-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabbar-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-primary-item-icon-type: icon; - --spectrum-tabbar-primary-item-icon-render: yes; - --spectrum-tabbar-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-primary-item-text-transform: none; - --spectrum-tabbar-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-primary-item-text-render: yes; - --spectrum-tabbar-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-primary-item-text-text-transform: none; - --spectrum-tabbar-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabbar-primary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabbar-primary-height: 49px; - --spectrum-tabbar-primary-border-size: 1px; - --spectrum-tabbar-primary-title-position-offset: -2px; - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-sidelabel-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-sidelabel-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-sidelabel-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-sidelabel-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-sidelabel-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-sidelabel-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-sidelabel-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-sidelabel-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tabbar-sidelabel-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-tabbar-sidelabel-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-sidelabel-primary-item-icon-type: icon; - --spectrum-tabbar-sidelabel-primary-item-icon-render: yes; - --spectrum-tabbar-sidelabel-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-primary-item-text-transform: none; - --spectrum-tabbar-sidelabel-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-primary-item-text-render: yes; - --spectrum-tabbar-sidelabel-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-sidelabel-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-sidelabel-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-sidelabel-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-sidelabel-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-sidelabel-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-sidelabel-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-sidelabel-primary-item-text-text-transform: none; - --spectrum-tabbar-sidelabel-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-tabbar-sidelabel-primary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-tabbar-sidelabel-primary-height: 49px; - --spectrum-tabbar-sidelabel-primary-border-size: 1px; - --spectrum-tabbar-sidelabel-primary-title-position-offset: -2px; - --spectrum-tabbar-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-tabbar-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabbar-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-secondary-item-icon-type: icon; - --spectrum-tabbar-secondary-item-icon-render: yes; - --spectrum-tabbar-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-secondary-item-text-transform: none; - --spectrum-tabbar-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-secondary-item-text-render: yes; - --spectrum-tabbar-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-secondary-item-text-text-transform: none; - --spectrum-tabbar-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabbar-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabbar-secondary-height: 49px; - --spectrum-tabbar-secondary-border-size: 1px; - --spectrum-tabbar-secondary-title-position-offset: -2px; - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-sidelabel-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-sidelabel-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-sidelabel-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-sidelabel-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-tabbar-sidelabel-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-tabbar-sidelabel-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-sidelabel-secondary-item-icon-type: icon; - --spectrum-tabbar-sidelabel-secondary-item-icon-render: yes; - --spectrum-tabbar-sidelabel-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-secondary-item-text-transform: none; - --spectrum-tabbar-sidelabel-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-secondary-item-text-render: yes; - --spectrum-tabbar-sidelabel-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-sidelabel-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-sidelabel-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-sidelabel-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-sidelabel-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-sidelabel-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-sidelabel-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-sidelabel-secondary-item-text-text-transform: none; - --spectrum-tabbar-sidelabel-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-tabbar-sidelabel-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-tabbar-sidelabel-secondary-height: 49px; - --spectrum-tabbar-sidelabel-secondary-border-size: 1px; - --spectrum-tabbar-sidelabel-secondary-title-position-offset: -2px; -} diff --git a/components/expressvars/css/components/spectrum-table.css b/components/expressvars/css/components/spectrum-table.css deleted file mode 100644 index 04b51fc4235..00000000000 --- a/components/expressvars/css/components/spectrum-table.css +++ /dev/null @@ -1,2078 +0,0 @@ -:root { - --spectrum-table-s-compact-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-compact-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-compact-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-compact-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-compact-quiet-header-text-margin-top: 0px; - --spectrum-table-s-compact-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-compact-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-compact-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-compact-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-compact-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-compact-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-quiet-header-text-align: left; - --spectrum-table-s-compact-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-header-vertical-alignment: top; - --spectrum-table-s-compact-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-compact-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-compact-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-compact-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-cell-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-table-s-compact-quiet-cell-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-cell-vertical-alignment: top; - --spectrum-table-s-compact-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-compact-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-compact-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-compact-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-compact-header-text-text-transform: uppercase; - --spectrum-table-s-compact-header-text-margin-top: 0px; - --spectrum-table-s-compact-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-compact-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-compact-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-compact-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-compact-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-compact-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-header-text-align: left; - --spectrum-table-s-compact-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-header-vertical-alignment: top; - --spectrum-table-s-compact-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-compact-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-compact-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-compact-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-cell-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-table-s-compact-cell-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-cell-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-cell-vertical-alignment: top; - --spectrum-table-s-compact-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-regular-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-regular-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-regular-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-regular-quiet-header-text-margin-top: 0px; - --spectrum-table-s-regular-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-regular-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-regular-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-regular-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-regular-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-quiet-header-text-align: left; - --spectrum-table-s-regular-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-header-vertical-alignment: top; - --spectrum-table-s-regular-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-regular-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-regular-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-regular-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-quiet-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-cell-vertical-alignment: top; - --spectrum-table-s-regular-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-regular-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-regular-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-regular-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-regular-header-text-text-transform: uppercase; - --spectrum-table-s-regular-header-text-margin-top: 0px; - --spectrum-table-s-regular-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-regular-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-regular-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-regular-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-regular-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-header-text-align: left; - --spectrum-table-s-regular-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-header-vertical-alignment: top; - --spectrum-table-s-regular-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-regular-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-regular-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-regular-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-cell-vertical-alignment: top; - --spectrum-table-s-regular-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-spacious-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-spacious-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-spacious-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-spacious-quiet-header-text-margin-top: 0px; - --spectrum-table-s-spacious-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-spacious-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-spacious-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-spacious-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-spacious-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-spacious-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-quiet-header-text-align: left; - --spectrum-table-s-spacious-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-header-vertical-alignment: top; - --spectrum-table-s-spacious-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-spacious-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-spacious-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-spacious-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-s-spacious-quiet-cell-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-cell-vertical-alignment: top; - --spectrum-table-s-spacious-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-spacious-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-spacious-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-spacious-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-spacious-header-text-text-transform: uppercase; - --spectrum-table-s-spacious-header-text-margin-top: 0px; - --spectrum-table-s-spacious-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-spacious-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-spacious-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-spacious-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-spacious-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-spacious-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-header-text-align: left; - --spectrum-table-s-spacious-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-header-vertical-alignment: top; - --spectrum-table-s-spacious-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-spacious-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-spacious-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-spacious-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-s-spacious-cell-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-cell-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-cell-vertical-alignment: top; - --spectrum-table-s-spacious-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-compact-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-compact-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-compact-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-compact-quiet-header-text-margin-top: 0px; - --spectrum-table-m-compact-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-compact-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-compact-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-compact-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-compact-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-quiet-header-text-align: left; - --spectrum-table-m-compact-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-header-vertical-alignment: top; - --spectrum-table-m-compact-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-compact-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-compact-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-compact-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-quiet-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-cell-vertical-alignment: top; - --spectrum-table-m-compact-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-compact-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-compact-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-compact-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-compact-header-text-text-transform: uppercase; - --spectrum-table-m-compact-header-text-margin-top: 0px; - --spectrum-table-m-compact-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-compact-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-compact-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-compact-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-compact-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-header-text-align: left; - --spectrum-table-m-compact-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-header-vertical-alignment: top; - --spectrum-table-m-compact-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-compact-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-compact-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-compact-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-cell-vertical-alignment: top; - --spectrum-table-m-compact-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-regular-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-regular-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-regular-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-regular-quiet-header-text-margin-top: 0px; - --spectrum-table-m-regular-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-regular-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-regular-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-regular-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-regular-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-regular-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-quiet-header-text-align: left; - --spectrum-table-m-regular-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-header-vertical-alignment: top; - --spectrum-table-m-regular-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-regular-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-regular-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-regular-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-m-regular-quiet-cell-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-cell-vertical-alignment: top; - --spectrum-table-m-regular-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-regular-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-regular-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-regular-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-regular-header-text-text-transform: uppercase; - --spectrum-table-m-regular-header-text-margin-top: 0px; - --spectrum-table-m-regular-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-regular-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-regular-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-regular-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-regular-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-regular-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-header-text-align: left; - --spectrum-table-m-regular-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-header-vertical-alignment: top; - --spectrum-table-m-regular-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-regular-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-regular-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-regular-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-m-regular-cell-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-cell-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-cell-vertical-alignment: top; - --spectrum-table-m-regular-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-spacious-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-spacious-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-spacious-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-spacious-quiet-header-text-margin-top: 0px; - --spectrum-table-m-spacious-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-spacious-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-spacious-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-spacious-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-spacious-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-spacious-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-quiet-header-text-align: left; - --spectrum-table-m-spacious-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-header-vertical-alignment: top; - --spectrum-table-m-spacious-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-spacious-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-spacious-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-spacious-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-cell-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-table-m-spacious-quiet-cell-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-cell-vertical-alignment: top; - --spectrum-table-m-spacious-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-spacious-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-spacious-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-spacious-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-spacious-header-text-text-transform: uppercase; - --spectrum-table-m-spacious-header-text-margin-top: 0px; - --spectrum-table-m-spacious-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-spacious-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-spacious-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-spacious-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-spacious-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-spacious-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-header-text-align: left; - --spectrum-table-m-spacious-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-header-vertical-alignment: top; - --spectrum-table-m-spacious-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-spacious-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-spacious-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-spacious-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-cell-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-table-m-spacious-cell-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-cell-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-cell-vertical-alignment: top; - --spectrum-table-m-spacious-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-right-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/components/spectrum-tabs.css b/components/expressvars/css/components/spectrum-tabs.css deleted file mode 100644 index b8d31b41865..00000000000 --- a/components/expressvars/css/components/spectrum-tabs.css +++ /dev/null @@ -1,19426 +0,0 @@ -:root { - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-s-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-s-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-texticon-divider-width: 100%; - --spectrum-tabs-s-quiet-texticon-divider-top: auto; - --spectrum-tabs-s-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-s-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-position: relative; - --spectrum-tabs-s-quiet-texticon-width: 100%; - --spectrum-tabs-s-quiet-texticon-layout: row; - --spectrum-tabs-s-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-textonly-divider-width: 100%; - --spectrum-tabs-s-quiet-textonly-divider-top: auto; - --spectrum-tabs-s-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-s-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-position: relative; - --spectrum-tabs-s-quiet-textonly-width: 100%; - --spectrum-tabs-s-quiet-textonly-layout: row; - --spectrum-tabs-s-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-position: relative; - --spectrum-tabs-s-emphasized-texticon-width: 100%; - --spectrum-tabs-s-emphasized-texticon-layout: row; - --spectrum-tabs-s-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-position: relative; - --spectrum-tabs-s-emphasized-textonly-width: 100%; - --spectrum-tabs-s-emphasized-textonly-layout: row; - --spectrum-tabs-s-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-texticon-tabitem-layout: row; - --spectrum-tabs-s-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-texticon-tabitem-position: relative; - --spectrum-tabs-s-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-texticon-divider-width: 100%; - --spectrum-tabs-s-texticon-divider-top: auto; - --spectrum-tabs-s-texticon-divider-bottom: 0; - --spectrum-tabs-s-texticon-divider-left: 0; - --spectrum-tabs-s-texticon-divider-position: absolute; - --spectrum-tabs-s-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-position: relative; - --spectrum-tabs-s-texticon-width: 100%; - --spectrum-tabs-s-texticon-layout: row; - --spectrum-tabs-s-texticon-justify-content: flex-start; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-textonly-tabitem-layout: row; - --spectrum-tabs-s-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-textonly-tabitem-position: relative; - --spectrum-tabs-s-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-textonly-divider-width: 100%; - --spectrum-tabs-s-textonly-divider-top: auto; - --spectrum-tabs-s-textonly-divider-bottom: 0; - --spectrum-tabs-s-textonly-divider-left: 0; - --spectrum-tabs-s-textonly-divider-position: absolute; - --spectrum-tabs-s-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-position: relative; - --spectrum-tabs-s-textonly-width: 100%; - --spectrum-tabs-s-textonly-layout: row; - --spectrum-tabs-s-textonly-justify-content: flex-start; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-position: relative; - --spectrum-tabs-s-vertical-quiet-texticon-width: auto; - --spectrum-tabs-s-vertical-quiet-texticon-layout: column; - --spectrum-tabs-s-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-position: relative; - --spectrum-tabs-s-vertical-quiet-textonly-width: auto; - --spectrum-tabs-s-vertical-quiet-textonly-layout: column; - --spectrum-tabs-s-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-s-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-s-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-s-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-s-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-position: relative; - --spectrum-tabs-s-vertical-texticon-width: auto; - --spectrum-tabs-s-vertical-texticon-layout: column; - --spectrum-tabs-s-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-position: relative; - --spectrum-tabs-s-vertical-textonly-width: auto; - --spectrum-tabs-s-vertical-textonly-layout: column; - --spectrum-tabs-s-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-s-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-position: relative; - --spectrum-tabs-s-compact-quiet-texticon-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-layout: row; - --spectrum-tabs-s-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-s-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-position: relative; - --spectrum-tabs-s-compact-quiet-textonly-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-layout: row; - --spectrum-tabs-s-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-layout: row; - --spectrum-tabs-s-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-layout: row; - --spectrum-tabs-s-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-texticon-divider-top: auto; - --spectrum-tabs-s-compact-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-texticon-divider-left: 0; - --spectrum-tabs-s-compact-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-position: relative; - --spectrum-tabs-s-compact-texticon-width: 100%; - --spectrum-tabs-s-compact-texticon-layout: row; - --spectrum-tabs-s-compact-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-textonly-divider-top: auto; - --spectrum-tabs-s-compact-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-textonly-divider-left: 0; - --spectrum-tabs-s-compact-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-position: relative; - --spectrum-tabs-s-compact-textonly-width: 100%; - --spectrum-tabs-s-compact-textonly-layout: row; - --spectrum-tabs-s-compact-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-m-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-m-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-texticon-divider-width: 100%; - --spectrum-tabs-m-quiet-texticon-divider-top: auto; - --spectrum-tabs-m-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-m-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-position: relative; - --spectrum-tabs-m-quiet-texticon-width: 100%; - --spectrum-tabs-m-quiet-texticon-layout: row; - --spectrum-tabs-m-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-textonly-divider-width: 100%; - --spectrum-tabs-m-quiet-textonly-divider-top: auto; - --spectrum-tabs-m-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-m-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-position: relative; - --spectrum-tabs-m-quiet-textonly-width: 100%; - --spectrum-tabs-m-quiet-textonly-layout: row; - --spectrum-tabs-m-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-position: relative; - --spectrum-tabs-m-emphasized-texticon-width: 100%; - --spectrum-tabs-m-emphasized-texticon-layout: row; - --spectrum-tabs-m-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-position: relative; - --spectrum-tabs-m-emphasized-textonly-width: 100%; - --spectrum-tabs-m-emphasized-textonly-layout: row; - --spectrum-tabs-m-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-texticon-tabitem-layout: row; - --spectrum-tabs-m-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-texticon-tabitem-position: relative; - --spectrum-tabs-m-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-texticon-divider-width: 100%; - --spectrum-tabs-m-texticon-divider-top: auto; - --spectrum-tabs-m-texticon-divider-bottom: 0; - --spectrum-tabs-m-texticon-divider-left: 0; - --spectrum-tabs-m-texticon-divider-position: absolute; - --spectrum-tabs-m-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-position: relative; - --spectrum-tabs-m-texticon-width: 100%; - --spectrum-tabs-m-texticon-layout: row; - --spectrum-tabs-m-texticon-justify-content: flex-start; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-textonly-tabitem-layout: row; - --spectrum-tabs-m-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-textonly-tabitem-position: relative; - --spectrum-tabs-m-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-textonly-divider-width: 100%; - --spectrum-tabs-m-textonly-divider-top: auto; - --spectrum-tabs-m-textonly-divider-bottom: 0; - --spectrum-tabs-m-textonly-divider-left: 0; - --spectrum-tabs-m-textonly-divider-position: absolute; - --spectrum-tabs-m-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-position: relative; - --spectrum-tabs-m-textonly-width: 100%; - --spectrum-tabs-m-textonly-layout: row; - --spectrum-tabs-m-textonly-justify-content: flex-start; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-position: relative; - --spectrum-tabs-m-vertical-quiet-texticon-width: auto; - --spectrum-tabs-m-vertical-quiet-texticon-layout: column; - --spectrum-tabs-m-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-position: relative; - --spectrum-tabs-m-vertical-quiet-textonly-width: auto; - --spectrum-tabs-m-vertical-quiet-textonly-layout: column; - --spectrum-tabs-m-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-m-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-m-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-m-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-m-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-position: relative; - --spectrum-tabs-m-vertical-texticon-width: auto; - --spectrum-tabs-m-vertical-texticon-layout: column; - --spectrum-tabs-m-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-position: relative; - --spectrum-tabs-m-vertical-textonly-width: auto; - --spectrum-tabs-m-vertical-textonly-layout: column; - --spectrum-tabs-m-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-m-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-position: relative; - --spectrum-tabs-m-compact-quiet-texticon-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-layout: row; - --spectrum-tabs-m-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-m-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-position: relative; - --spectrum-tabs-m-compact-quiet-textonly-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-layout: row; - --spectrum-tabs-m-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-layout: row; - --spectrum-tabs-m-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-layout: row; - --spectrum-tabs-m-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-texticon-divider-top: auto; - --spectrum-tabs-m-compact-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-texticon-divider-left: 0; - --spectrum-tabs-m-compact-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-position: relative; - --spectrum-tabs-m-compact-texticon-width: 100%; - --spectrum-tabs-m-compact-texticon-layout: row; - --spectrum-tabs-m-compact-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-textonly-divider-top: auto; - --spectrum-tabs-m-compact-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-textonly-divider-left: 0; - --spectrum-tabs-m-compact-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-position: relative; - --spectrum-tabs-m-compact-textonly-width: 100%; - --spectrum-tabs-m-compact-textonly-layout: row; - --spectrum-tabs-m-compact-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-l-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-l-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-texticon-divider-width: 100%; - --spectrum-tabs-l-quiet-texticon-divider-top: auto; - --spectrum-tabs-l-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-l-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-quiet-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-position: relative; - --spectrum-tabs-l-quiet-texticon-width: 100%; - --spectrum-tabs-l-quiet-texticon-layout: row; - --spectrum-tabs-l-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-textonly-divider-width: 100%; - --spectrum-tabs-l-quiet-textonly-divider-top: auto; - --spectrum-tabs-l-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-l-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-quiet-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-position: relative; - --spectrum-tabs-l-quiet-textonly-width: 100%; - --spectrum-tabs-l-quiet-textonly-layout: row; - --spectrum-tabs-l-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-position: relative; - --spectrum-tabs-l-emphasized-texticon-width: 100%; - --spectrum-tabs-l-emphasized-texticon-layout: row; - --spectrum-tabs-l-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-position: relative; - --spectrum-tabs-l-emphasized-textonly-width: 100%; - --spectrum-tabs-l-emphasized-textonly-layout: row; - --spectrum-tabs-l-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-texticon-tabitem-layout: row; - --spectrum-tabs-l-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-texticon-tabitem-position: relative; - --spectrum-tabs-l-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-texticon-divider-width: 100%; - --spectrum-tabs-l-texticon-divider-top: auto; - --spectrum-tabs-l-texticon-divider-bottom: 0; - --spectrum-tabs-l-texticon-divider-left: 0; - --spectrum-tabs-l-texticon-divider-position: absolute; - --spectrum-tabs-l-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-position: relative; - --spectrum-tabs-l-texticon-width: 100%; - --spectrum-tabs-l-texticon-layout: row; - --spectrum-tabs-l-texticon-justify-content: flex-start; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-textonly-tabitem-layout: row; - --spectrum-tabs-l-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-textonly-tabitem-position: relative; - --spectrum-tabs-l-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-textonly-divider-width: 100%; - --spectrum-tabs-l-textonly-divider-top: auto; - --spectrum-tabs-l-textonly-divider-bottom: 0; - --spectrum-tabs-l-textonly-divider-left: 0; - --spectrum-tabs-l-textonly-divider-position: absolute; - --spectrum-tabs-l-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-position: relative; - --spectrum-tabs-l-textonly-width: 100%; - --spectrum-tabs-l-textonly-layout: row; - --spectrum-tabs-l-textonly-justify-content: flex-start; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-position: relative; - --spectrum-tabs-l-vertical-quiet-texticon-width: auto; - --spectrum-tabs-l-vertical-quiet-texticon-layout: column; - --spectrum-tabs-l-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-position: relative; - --spectrum-tabs-l-vertical-quiet-textonly-width: auto; - --spectrum-tabs-l-vertical-quiet-textonly-layout: column; - --spectrum-tabs-l-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-l-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-l-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-l-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-l-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-position: relative; - --spectrum-tabs-l-vertical-texticon-width: auto; - --spectrum-tabs-l-vertical-texticon-layout: column; - --spectrum-tabs-l-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-position: relative; - --spectrum-tabs-l-vertical-textonly-width: auto; - --spectrum-tabs-l-vertical-textonly-layout: column; - --spectrum-tabs-l-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-l-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-position: relative; - --spectrum-tabs-l-compact-quiet-texticon-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-layout: row; - --spectrum-tabs-l-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-l-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-position: relative; - --spectrum-tabs-l-compact-quiet-textonly-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-layout: row; - --spectrum-tabs-l-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-layout: row; - --spectrum-tabs-l-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-layout: row; - --spectrum-tabs-l-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-texticon-divider-top: auto; - --spectrum-tabs-l-compact-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-texticon-divider-left: 0; - --spectrum-tabs-l-compact-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-position: relative; - --spectrum-tabs-l-compact-texticon-width: 100%; - --spectrum-tabs-l-compact-texticon-layout: row; - --spectrum-tabs-l-compact-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-textonly-divider-top: auto; - --spectrum-tabs-l-compact-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-textonly-divider-left: 0; - --spectrum-tabs-l-compact-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-position: relative; - --spectrum-tabs-l-compact-textonly-width: 100%; - --spectrum-tabs-l-compact-textonly-layout: row; - --spectrum-tabs-l-compact-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-xl-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-xl-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-texticon-divider-width: 100%; - --spectrum-tabs-xl-quiet-texticon-divider-top: auto; - --spectrum-tabs-xl-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-xl-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-position: relative; - --spectrum-tabs-xl-quiet-texticon-width: 100%; - --spectrum-tabs-xl-quiet-texticon-layout: row; - --spectrum-tabs-xl-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-textonly-divider-width: 100%; - --spectrum-tabs-xl-quiet-textonly-divider-top: auto; - --spectrum-tabs-xl-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-xl-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-position: relative; - --spectrum-tabs-xl-quiet-textonly-width: 100%; - --spectrum-tabs-xl-quiet-textonly-layout: row; - --spectrum-tabs-xl-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-position: relative; - --spectrum-tabs-xl-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-layout: row; - --spectrum-tabs-xl-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-position: relative; - --spectrum-tabs-xl-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-layout: row; - --spectrum-tabs-xl-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-texticon-tabitem-layout: row; - --spectrum-tabs-xl-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-texticon-tabitem-position: relative; - --spectrum-tabs-xl-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-texticon-divider-width: 100%; - --spectrum-tabs-xl-texticon-divider-top: auto; - --spectrum-tabs-xl-texticon-divider-bottom: 0; - --spectrum-tabs-xl-texticon-divider-left: 0; - --spectrum-tabs-xl-texticon-divider-position: absolute; - --spectrum-tabs-xl-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-position: relative; - --spectrum-tabs-xl-texticon-width: 100%; - --spectrum-tabs-xl-texticon-layout: row; - --spectrum-tabs-xl-texticon-justify-content: flex-start; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-textonly-tabitem-layout: row; - --spectrum-tabs-xl-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-textonly-tabitem-position: relative; - --spectrum-tabs-xl-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-textonly-divider-width: 100%; - --spectrum-tabs-xl-textonly-divider-top: auto; - --spectrum-tabs-xl-textonly-divider-bottom: 0; - --spectrum-tabs-xl-textonly-divider-left: 0; - --spectrum-tabs-xl-textonly-divider-position: absolute; - --spectrum-tabs-xl-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-position: relative; - --spectrum-tabs-xl-textonly-width: 100%; - --spectrum-tabs-xl-textonly-layout: row; - --spectrum-tabs-xl-textonly-justify-content: flex-start; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-position: relative; - --spectrum-tabs-xl-vertical-quiet-texticon-width: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-layout: column; - --spectrum-tabs-xl-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-position: relative; - --spectrum-tabs-xl-vertical-quiet-textonly-width: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-layout: column; - --spectrum-tabs-xl-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-xl-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-xl-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-xl-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-xl-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-position: relative; - --spectrum-tabs-xl-vertical-texticon-width: auto; - --spectrum-tabs-xl-vertical-texticon-layout: column; - --spectrum-tabs-xl-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-position: relative; - --spectrum-tabs-xl-vertical-textonly-width: auto; - --spectrum-tabs-xl-vertical-textonly-layout: column; - --spectrum-tabs-xl-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-position: relative; - --spectrum-tabs-xl-compact-quiet-texticon-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-layout: row; - --spectrum-tabs-xl-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-position: relative; - --spectrum-tabs-xl-compact-quiet-textonly-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-layout: row; - --spectrum-tabs-xl-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-layout: row; - --spectrum-tabs-xl-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-layout: row; - --spectrum-tabs-xl-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-position: relative; - --spectrum-tabs-xl-compact-texticon-width: 100%; - --spectrum-tabs-xl-compact-texticon-layout: row; - --spectrum-tabs-xl-compact-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-position: relative; - --spectrum-tabs-xl-compact-textonly-width: 100%; - --spectrum-tabs-xl-compact-textonly-layout: row; - --spectrum-tabs-xl-compact-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); -} diff --git a/components/expressvars/css/components/spectrum-tag.css b/components/expressvars/css/components/spectrum-tag.css deleted file mode 100644 index 1f4ab72dd08..00000000000 --- a/components/expressvars/css/components/spectrum-tag.css +++ /dev/null @@ -1,3768 +0,0 @@ -:root { - --spectrum-tag-s-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error: no; - --spectrum-tag-s-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected: no; - --spectrum-tag-s-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-s-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-s-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-s-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-s-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render: no; - --spectrum-tag-s-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-down: no; - --spectrum-tag-s-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-hover: no; - --spectrum-tag-s-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-removable-texticon-icon-type: icon; - --spectrum-tag-s-removable-texticon-icon-render: yes; - --spectrum-tag-s-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-s-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-removable-texticon-text-render: yes; - --spectrum-tag-s-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-removable-texticon-text-text-transform: none; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-removable-texticon-clearbutton-render: yes; - --spectrum-tag-s-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-s-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-removable-texticon-focusring-type: focusring; - --spectrum-tag-s-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-removable-texticon-layout: inline-row; - --spectrum-tag-s-removable-texticon-gap: 0; - --spectrum-tag-s-removable-texticon-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-removable-texticon-padding-right: 0; - --spectrum-tag-s-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-removable-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected: no; - --spectrum-tag-s-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error: no; - --spectrum-tag-s-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-disabled: no; - --spectrum-tag-s-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected: no; - --spectrum-tag-s-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-s-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-disabled: no; - --spectrum-tag-s-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-s-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-s-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-down: no; - --spectrum-tag-s-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-hover: no; - --spectrum-tag-s-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-s-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-down: no; - --spectrum-tag-s-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-hover: no; - --spectrum-tag-s-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render: no; - --spectrum-tag-s-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-down: no; - --spectrum-tag-s-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-hover: no; - --spectrum-tag-s-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-key-focus: yes; - --spectrum-tag-s-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-texticon-icon-type: icon; - --spectrum-tag-s-texticon-icon-render: yes; - --spectrum-tag-s-texticon-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-texticon-text-padding-bottom: 0; - --spectrum-tag-s-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-texticon-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-texticon-text-render: yes; - --spectrum-tag-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-texticon-text-text-transform: none; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-texticon-clearbutton-fill-layout: row; - --spectrum-tag-s-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-texticon-clearbutton-render: no; - --spectrum-tag-s-texticon-clearbutton-padding: 0; - --spectrum-tag-s-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-texticon-focusring-type: focusring; - --spectrum-tag-s-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-texticon-layout: inline-row; - --spectrum-tag-s-texticon-gap: 0; - --spectrum-tag-s-texticon-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-texticon-padding-right: var(--spectrum-alias-tag-padding-right-s); - --spectrum-tag-s-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error: no; - --spectrum-tag-s-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected: no; - --spectrum-tag-s-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-s-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-s-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-s-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-s-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render: no; - --spectrum-tag-s-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-down: no; - --spectrum-tag-s-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-hover: no; - --spectrum-tag-s-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-removable-textonly-icon-type: icon; - --spectrum-tag-s-removable-textonly-icon-render: no; - --spectrum-tag-s-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-s-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-removable-textonly-text-render: yes; - --spectrum-tag-s-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-removable-textonly-text-text-transform: none; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-removable-textonly-clearbutton-render: yes; - --spectrum-tag-s-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-s-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-removable-textonly-focusring-type: focusring; - --spectrum-tag-s-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-removable-textonly-layout: inline-row; - --spectrum-tag-s-removable-textonly-gap: 0; - --spectrum-tag-s-removable-textonly-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-removable-textonly-padding-right: 0; - --spectrum-tag-s-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-removable-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-tag-s-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected: no; - --spectrum-tag-s-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error: no; - --spectrum-tag-s-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-disabled: no; - --spectrum-tag-s-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected: no; - --spectrum-tag-s-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-s-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-disabled: no; - --spectrum-tag-s-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-s-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-s-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-down: no; - --spectrum-tag-s-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-hover: no; - --spectrum-tag-s-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-s-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-down: no; - --spectrum-tag-s-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-hover: no; - --spectrum-tag-s-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render: no; - --spectrum-tag-s-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-down: no; - --spectrum-tag-s-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-hover: no; - --spectrum-tag-s-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-key-focus: yes; - --spectrum-tag-s-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-textonly-icon-type: icon; - --spectrum-tag-s-textonly-icon-render: no; - --spectrum-tag-s-textonly-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-textonly-text-padding-bottom: 0; - --spectrum-tag-s-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-textonly-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-textonly-text-render: yes; - --spectrum-tag-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-textonly-text-text-transform: none; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-textonly-clearbutton-fill-layout: row; - --spectrum-tag-s-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-textonly-clearbutton-render: no; - --spectrum-tag-s-textonly-clearbutton-padding: 0; - --spectrum-tag-s-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-textonly-focusring-type: focusring; - --spectrum-tag-s-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-textonly-layout: inline-row; - --spectrum-tag-s-textonly-gap: 0; - --spectrum-tag-s-textonly-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-textonly-padding-right: var(--spectrum-alias-tag-padding-right-s); - --spectrum-tag-s-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-tag-m-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error: no; - --spectrum-tag-m-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected: no; - --spectrum-tag-m-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-m-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-m-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-m-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-m-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render: no; - --spectrum-tag-m-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-down: no; - --spectrum-tag-m-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-hover: no; - --spectrum-tag-m-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-removable-texticon-icon-type: icon; - --spectrum-tag-m-removable-texticon-icon-render: yes; - --spectrum-tag-m-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-m-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-removable-texticon-text-render: yes; - --spectrum-tag-m-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-removable-texticon-text-text-transform: none; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-removable-texticon-clearbutton-render: yes; - --spectrum-tag-m-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-m-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-clearbutton-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-removable-texticon-focusring-type: focusring; - --spectrum-tag-m-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-removable-texticon-layout: inline-row; - --spectrum-tag-m-removable-texticon-gap: 0; - --spectrum-tag-m-removable-texticon-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-removable-texticon-padding-right: 0; - --spectrum-tag-m-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected: no; - --spectrum-tag-m-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error: no; - --spectrum-tag-m-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-disabled: no; - --spectrum-tag-m-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected: no; - --spectrum-tag-m-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-m-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-disabled: no; - --spectrum-tag-m-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-m-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-m-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-down: no; - --spectrum-tag-m-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-hover: no; - --spectrum-tag-m-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-m-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-down: no; - --spectrum-tag-m-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-hover: no; - --spectrum-tag-m-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render: no; - --spectrum-tag-m-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-down: no; - --spectrum-tag-m-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-hover: no; - --spectrum-tag-m-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-key-focus: yes; - --spectrum-tag-m-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-texticon-icon-type: icon; - --spectrum-tag-m-texticon-icon-render: yes; - --spectrum-tag-m-texticon-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-texticon-text-padding-bottom: 0; - --spectrum-tag-m-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-texticon-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-texticon-text-render: yes; - --spectrum-tag-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-texticon-text-text-transform: none; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-texticon-clearbutton-fill-layout: row; - --spectrum-tag-m-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-texticon-clearbutton-render: no; - --spectrum-tag-m-texticon-clearbutton-padding: 0; - --spectrum-tag-m-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-clearbutton-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-texticon-focusring-type: focusring; - --spectrum-tag-m-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-texticon-layout: inline-row; - --spectrum-tag-m-texticon-gap: 0; - --spectrum-tag-m-texticon-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-texticon-padding-right: var(--spectrum-alias-tag-padding-right-m); - --spectrum-tag-m-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error: no; - --spectrum-tag-m-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected: no; - --spectrum-tag-m-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-m-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-m-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-m-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-m-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render: no; - --spectrum-tag-m-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-down: no; - --spectrum-tag-m-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-hover: no; - --spectrum-tag-m-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-removable-textonly-icon-type: icon; - --spectrum-tag-m-removable-textonly-icon-render: no; - --spectrum-tag-m-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-m-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-removable-textonly-text-render: yes; - --spectrum-tag-m-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-removable-textonly-text-text-transform: none; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-removable-textonly-clearbutton-render: yes; - --spectrum-tag-m-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-m-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-clearbutton-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-removable-textonly-focusring-type: focusring; - --spectrum-tag-m-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-removable-textonly-layout: inline-row; - --spectrum-tag-m-removable-textonly-gap: 0; - --spectrum-tag-m-removable-textonly-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-removable-textonly-padding-right: 0; - --spectrum-tag-m-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-removable-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tag-m-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected: no; - --spectrum-tag-m-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error: no; - --spectrum-tag-m-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-disabled: no; - --spectrum-tag-m-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected: no; - --spectrum-tag-m-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-m-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-disabled: no; - --spectrum-tag-m-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-m-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-m-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-down: no; - --spectrum-tag-m-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-hover: no; - --spectrum-tag-m-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-m-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-down: no; - --spectrum-tag-m-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-hover: no; - --spectrum-tag-m-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render: no; - --spectrum-tag-m-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-down: no; - --spectrum-tag-m-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-hover: no; - --spectrum-tag-m-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-key-focus: yes; - --spectrum-tag-m-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-textonly-icon-type: icon; - --spectrum-tag-m-textonly-icon-render: no; - --spectrum-tag-m-textonly-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-textonly-text-padding-bottom: 0; - --spectrum-tag-m-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-textonly-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-textonly-text-render: yes; - --spectrum-tag-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-textonly-text-text-transform: none; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-textonly-clearbutton-fill-layout: row; - --spectrum-tag-m-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-textonly-clearbutton-render: no; - --spectrum-tag-m-textonly-clearbutton-padding: 0; - --spectrum-tag-m-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-clearbutton-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-textonly-focusring-type: focusring; - --spectrum-tag-m-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-textonly-layout: inline-row; - --spectrum-tag-m-textonly-gap: 0; - --spectrum-tag-m-textonly-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-textonly-padding-right: var(--spectrum-alias-tag-padding-right-m); - --spectrum-tag-m-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tag-l-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error: no; - --spectrum-tag-l-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected: no; - --spectrum-tag-l-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-l-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-l-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-l-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-l-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render: no; - --spectrum-tag-l-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-down: no; - --spectrum-tag-l-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-hover: no; - --spectrum-tag-l-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-removable-texticon-icon-type: icon; - --spectrum-tag-l-removable-texticon-icon-render: yes; - --spectrum-tag-l-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-l-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-removable-texticon-text-render: yes; - --spectrum-tag-l-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-removable-texticon-text-text-transform: none; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-removable-texticon-clearbutton-render: yes; - --spectrum-tag-l-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-l-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-clearbutton-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-removable-texticon-focusring-type: focusring; - --spectrum-tag-l-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-removable-texticon-layout: inline-row; - --spectrum-tag-l-removable-texticon-gap: 0; - --spectrum-tag-l-removable-texticon-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-removable-texticon-padding-right: 0; - --spectrum-tag-l-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-removable-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tag-l-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected: no; - --spectrum-tag-l-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error: no; - --spectrum-tag-l-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-disabled: no; - --spectrum-tag-l-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected: no; - --spectrum-tag-l-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-l-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-disabled: no; - --spectrum-tag-l-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-l-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-l-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-down: no; - --spectrum-tag-l-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-hover: no; - --spectrum-tag-l-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-l-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-down: no; - --spectrum-tag-l-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-hover: no; - --spectrum-tag-l-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render: no; - --spectrum-tag-l-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-down: no; - --spectrum-tag-l-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-hover: no; - --spectrum-tag-l-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-key-focus: yes; - --spectrum-tag-l-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-texticon-icon-type: icon; - --spectrum-tag-l-texticon-icon-render: yes; - --spectrum-tag-l-texticon-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-texticon-text-padding-bottom: 0; - --spectrum-tag-l-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-texticon-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-texticon-text-render: yes; - --spectrum-tag-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-texticon-text-text-transform: none; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-texticon-clearbutton-fill-layout: row; - --spectrum-tag-l-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-texticon-clearbutton-render: no; - --spectrum-tag-l-texticon-clearbutton-padding: 0; - --spectrum-tag-l-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-clearbutton-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-texticon-focusring-type: focusring; - --spectrum-tag-l-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-texticon-layout: inline-row; - --spectrum-tag-l-texticon-gap: 0; - --spectrum-tag-l-texticon-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-texticon-padding-right: var(--spectrum-alias-tag-padding-right-l); - --spectrum-tag-l-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tag-l-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error: no; - --spectrum-tag-l-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected: no; - --spectrum-tag-l-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-l-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-l-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-l-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-l-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render: no; - --spectrum-tag-l-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-down: no; - --spectrum-tag-l-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-hover: no; - --spectrum-tag-l-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-removable-textonly-icon-type: icon; - --spectrum-tag-l-removable-textonly-icon-render: no; - --spectrum-tag-l-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-l-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-removable-textonly-text-render: yes; - --spectrum-tag-l-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-removable-textonly-text-text-transform: none; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-removable-textonly-clearbutton-render: yes; - --spectrum-tag-l-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-l-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-clearbutton-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-removable-textonly-focusring-type: focusring; - --spectrum-tag-l-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-removable-textonly-layout: inline-row; - --spectrum-tag-l-removable-textonly-gap: 0; - --spectrum-tag-l-removable-textonly-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-removable-textonly-padding-right: 0; - --spectrum-tag-l-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-removable-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-tag-l-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected: no; - --spectrum-tag-l-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error: no; - --spectrum-tag-l-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-disabled: no; - --spectrum-tag-l-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected: no; - --spectrum-tag-l-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-l-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-disabled: no; - --spectrum-tag-l-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-l-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-l-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-down: no; - --spectrum-tag-l-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-hover: no; - --spectrum-tag-l-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-l-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-down: no; - --spectrum-tag-l-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-hover: no; - --spectrum-tag-l-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render: no; - --spectrum-tag-l-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-down: no; - --spectrum-tag-l-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-hover: no; - --spectrum-tag-l-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-key-focus: yes; - --spectrum-tag-l-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-textonly-icon-type: icon; - --spectrum-tag-l-textonly-icon-render: no; - --spectrum-tag-l-textonly-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-textonly-text-padding-bottom: 0; - --spectrum-tag-l-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-textonly-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-textonly-text-render: yes; - --spectrum-tag-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-textonly-text-text-transform: none; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-textonly-clearbutton-fill-layout: row; - --spectrum-tag-l-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-textonly-clearbutton-render: no; - --spectrum-tag-l-textonly-clearbutton-padding: 0; - --spectrum-tag-l-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-clearbutton-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-textonly-focusring-type: focusring; - --spectrum-tag-l-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-textonly-layout: inline-row; - --spectrum-tag-l-textonly-gap: 0; - --spectrum-tag-l-textonly-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-textonly-padding-right: var(--spectrum-alias-tag-padding-right-l); - --spectrum-tag-l-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); -} diff --git a/components/expressvars/css/components/spectrum-taggroup.css b/components/expressvars/css/components/spectrum-taggroup.css deleted file mode 100644 index 3f8a0b58d40..00000000000 --- a/components/expressvars/css/components/spectrum-taggroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-taggroup-tag-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-taggroup-tag-gap-y: var(--spectrum-global-dimension-size-100); -} diff --git a/components/expressvars/css/components/spectrum-textarea.css b/components/expressvars/css/components/spectrum-textarea.css deleted file mode 100644 index ecddc547f86..00000000000 --- a/components/expressvars/css/components/spectrum-textarea.css +++ /dev/null @@ -1,3234 +0,0 @@ -:root { - --spectrum-textarea-s-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-down: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-render: yes; - --spectrum-textarea-s-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-quiet-text-text-transform: none; - --spectrum-textarea-s-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-s-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-s-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-s-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-s-multiline-quiet-text-transform: none; - --spectrum-textarea-s-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-s-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-multiline-quiet-layout: row; - --spectrum-textarea-s-multiline-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-multiline-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-multiline-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-disabled: 0; - --spectrum-textarea-s-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-focus-ring-render-valid: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-valid: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-invalid: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-focus-ring-render: no; - --spectrum-textarea-s-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size: 0; - --spectrum-textarea-s-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-down: 0; - --spectrum-textarea-s-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-hover: 0; - --spectrum-textarea-s-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-border-size-key-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-valid-down: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-valid-hover: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-invalid-down: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-s-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-render: yes; - --spectrum-textarea-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-quiet-text-text-transform: none; - --spectrum-textarea-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-placeholder-render: yes; - --spectrum-textarea-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-quiet-placeholder-text-transform: none; - --spectrum-textarea-s-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-s-quiet-focus-ring-border-width: 0; - --spectrum-textarea-s-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-s-quiet-focus-ring-type: focusring; - --spectrum-textarea-s-quiet-text-transform: none; - --spectrum-textarea-s-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-s-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-quiet-layout: row; - --spectrum-textarea-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-focus-ring-render-valid: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-focus-ring-render: no; - --spectrum-textarea-s-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-render: yes; - --spectrum-textarea-s-multiline-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-text-text-transform: none; - --spectrum-textarea-s-multiline-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-placeholder-render: yes; - --spectrum-textarea-s-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-placeholder-text-transform: none; - --spectrum-textarea-s-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-s-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-multiline-focus-ring-type: focusring; - --spectrum-textarea-s-multiline-text-transform: none; - --spectrum-textarea-s-multiline-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-multiline-layout: row; - --spectrum-textarea-s-multiline-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-s-multiline-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-multiline-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-multiline-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-focus-ring-render-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-focus-ring-render-valid: no; - --spectrum-textarea-s-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-focus-ring-render-invalid: no; - --spectrum-textarea-s-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-focus-ring-render: no; - --spectrum-textarea-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-down: no; - --spectrum-textarea-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-hover: no; - --spectrum-textarea-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-valid-down: no; - --spectrum-textarea-s-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-render: yes; - --spectrum-textarea-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-text-text-transform: none; - --spectrum-textarea-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-placeholder-render: yes; - --spectrum-textarea-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-placeholder-text-transform: none; - --spectrum-textarea-s-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-s-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-focus-ring-type: focusring; - --spectrum-textarea-s-text-transform: none; - --spectrum-textarea-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-layout: row; - --spectrum-textarea-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-m-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-down: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-render: yes; - --spectrum-textarea-m-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-quiet-text-text-transform: none; - --spectrum-textarea-m-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-m-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-m-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-m-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-m-multiline-quiet-text-transform: none; - --spectrum-textarea-m-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-m-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-multiline-quiet-layout: row; - --spectrum-textarea-m-multiline-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-multiline-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-multiline-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-disabled: 0; - --spectrum-textarea-m-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-focus-ring-render-valid: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-valid: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-invalid: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-focus-ring-render: no; - --spectrum-textarea-m-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size: 0; - --spectrum-textarea-m-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-down: 0; - --spectrum-textarea-m-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-hover: 0; - --spectrum-textarea-m-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-border-size-key-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-valid-down: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-valid-hover: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-invalid-down: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-m-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-render: yes; - --spectrum-textarea-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-quiet-text-text-transform: none; - --spectrum-textarea-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-placeholder-render: yes; - --spectrum-textarea-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-quiet-placeholder-text-transform: none; - --spectrum-textarea-m-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-m-quiet-focus-ring-border-width: 0; - --spectrum-textarea-m-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-m-quiet-focus-ring-type: focusring; - --spectrum-textarea-m-quiet-text-transform: none; - --spectrum-textarea-m-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-m-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-quiet-layout: row; - --spectrum-textarea-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-focus-ring-render-valid: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-focus-ring-render: no; - --spectrum-textarea-m-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-render: yes; - --spectrum-textarea-m-multiline-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-text-text-transform: none; - --spectrum-textarea-m-multiline-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-placeholder-render: yes; - --spectrum-textarea-m-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-placeholder-text-transform: none; - --spectrum-textarea-m-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-m-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-multiline-focus-ring-type: focusring; - --spectrum-textarea-m-multiline-text-transform: none; - --spectrum-textarea-m-multiline-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-multiline-layout: row; - --spectrum-textarea-m-multiline-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-m-multiline-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-multiline-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-focus-ring-render-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-focus-ring-render-valid: no; - --spectrum-textarea-m-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-focus-ring-render-invalid: no; - --spectrum-textarea-m-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-focus-ring-render: no; - --spectrum-textarea-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-down: no; - --spectrum-textarea-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-hover: no; - --spectrum-textarea-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-valid-down: no; - --spectrum-textarea-m-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-render: yes; - --spectrum-textarea-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-text-text-transform: none; - --spectrum-textarea-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-placeholder-render: yes; - --spectrum-textarea-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-placeholder-text-transform: none; - --spectrum-textarea-m-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-m-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-focus-ring-type: focusring; - --spectrum-textarea-m-text-transform: none; - --spectrum-textarea-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-layout: row; - --spectrum-textarea-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-l-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-down: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-render: yes; - --spectrum-textarea-l-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-quiet-text-text-transform: none; - --spectrum-textarea-l-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-l-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-l-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-l-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-l-multiline-quiet-text-transform: none; - --spectrum-textarea-l-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-l-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-multiline-quiet-layout: row; - --spectrum-textarea-l-multiline-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-multiline-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-disabled: 0; - --spectrum-textarea-l-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-focus-ring-render-valid: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-valid: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-invalid: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-focus-ring-render: no; - --spectrum-textarea-l-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size: 0; - --spectrum-textarea-l-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-down: 0; - --spectrum-textarea-l-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-hover: 0; - --spectrum-textarea-l-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-border-size-key-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-valid-down: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-valid-hover: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-invalid-down: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-l-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-render: yes; - --spectrum-textarea-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-quiet-text-text-transform: none; - --spectrum-textarea-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-placeholder-render: yes; - --spectrum-textarea-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-quiet-placeholder-text-transform: none; - --spectrum-textarea-l-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-l-quiet-focus-ring-border-width: 0; - --spectrum-textarea-l-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-l-quiet-focus-ring-type: focusring; - --spectrum-textarea-l-quiet-text-transform: none; - --spectrum-textarea-l-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-l-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-quiet-layout: row; - --spectrum-textarea-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-focus-ring-render-valid: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-focus-ring-render: no; - --spectrum-textarea-l-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-render: yes; - --spectrum-textarea-l-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-text-text-transform: none; - --spectrum-textarea-l-multiline-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-placeholder-render: yes; - --spectrum-textarea-l-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-placeholder-text-transform: none; - --spectrum-textarea-l-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-l-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-multiline-focus-ring-type: focusring; - --spectrum-textarea-l-multiline-text-transform: none; - --spectrum-textarea-l-multiline-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-multiline-layout: row; - --spectrum-textarea-l-multiline-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-l-multiline-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-focus-ring-render-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-focus-ring-render-valid: no; - --spectrum-textarea-l-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-focus-ring-render-invalid: no; - --spectrum-textarea-l-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-focus-ring-render: no; - --spectrum-textarea-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-down: no; - --spectrum-textarea-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-hover: no; - --spectrum-textarea-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-valid-down: no; - --spectrum-textarea-l-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-render: yes; - --spectrum-textarea-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-text-text-transform: none; - --spectrum-textarea-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-placeholder-render: yes; - --spectrum-textarea-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-placeholder-text-transform: none; - --spectrum-textarea-l-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-l-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-focus-ring-type: focusring; - --spectrum-textarea-l-text-transform: none; - --spectrum-textarea-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-layout: row; - --spectrum-textarea-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-xl-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-down: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-render: yes; - --spectrum-textarea-xl-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-quiet-text-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-xl-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-xl-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-xl-multiline-quiet-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-xl-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-multiline-quiet-layout: row; - --spectrum-textarea-xl-multiline-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-multiline-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-multiline-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-disabled: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-focus-ring-render-valid: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-valid: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-invalid: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-focus-ring-render: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size: 0; - --spectrum-textarea-xl-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-down: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-hover: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-border-size-key-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-valid-down: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-valid-hover: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-invalid-down: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-render: yes; - --spectrum-textarea-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-quiet-text-text-transform: none; - --spectrum-textarea-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-placeholder-render: yes; - --spectrum-textarea-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-quiet-placeholder-text-transform: none; - --spectrum-textarea-xl-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-xl-quiet-focus-ring-border-width: 0; - --spectrum-textarea-xl-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-xl-quiet-focus-ring-type: focusring; - --spectrum-textarea-xl-quiet-text-transform: none; - --spectrum-textarea-xl-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-xl-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-quiet-layout: row; - --spectrum-textarea-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-focus-ring-render-valid: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-focus-ring-render: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-render: yes; - --spectrum-textarea-xl-multiline-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-text-text-transform: none; - --spectrum-textarea-xl-multiline-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-placeholder-render: yes; - --spectrum-textarea-xl-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-placeholder-text-transform: none; - --spectrum-textarea-xl-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-xl-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-multiline-focus-ring-type: focusring; - --spectrum-textarea-xl-multiline-text-transform: none; - --spectrum-textarea-xl-multiline-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-multiline-layout: row; - --spectrum-textarea-xl-multiline-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-xl-multiline-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-multiline-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-focus-ring-render-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-focus-ring-render-valid: no; - --spectrum-textarea-xl-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-focus-ring-render-invalid: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-focus-ring-render: no; - --spectrum-textarea-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-down: no; - --spectrum-textarea-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-render: yes; - --spectrum-textarea-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-text-text-transform: none; - --spectrum-textarea-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-placeholder-render: yes; - --spectrum-textarea-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-placeholder-text-transform: none; - --spectrum-textarea-xl-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-xl-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-focus-ring-type: focusring; - --spectrum-textarea-xl-text-transform: none; - --spectrum-textarea-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-layout: row; - --spectrum-textarea-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-textfield.css b/components/expressvars/css/components/spectrum-textfield.css deleted file mode 100644 index 7fa825b8e11..00000000000 --- a/components/expressvars/css/components/spectrum-textfield.css +++ /dev/null @@ -1,3981 +0,0 @@ -:root { - --spectrum-textfield-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-down: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-text-render: yes; - --spectrum-textfield-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-texticon-text-text-transform: none; - --spectrum-textfield-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-s-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-s-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-s-quiet-texticon-icon-render: yes; - --spectrum-textfield-s-quiet-texticon-icon-type: icon; - --spectrum-textfield-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-s-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-s-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-text-transform: none; - --spectrum-textfield-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-texticon-layout: row; - --spectrum-textfield-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-down: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-text-render: yes; - --spectrum-textfield-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-textonly-text-text-transform: none; - --spectrum-textfield-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-s-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-s-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-s-quiet-textonly-icon-render: no; - --spectrum-textfield-s-quiet-textonly-icon-type: icon; - --spectrum-textfield-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-s-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-s-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-text-transform: none; - --spectrum-textfield-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-textonly-layout: row; - --spectrum-textfield-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-focus-ring-render-valid: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-focus-ring-render: no; - --spectrum-textfield-s-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-focus-ring-render-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-focus-ring-render-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-render: yes; - --spectrum-textfield-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-texticon-text-text-transform: none; - --spectrum-textfield-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-render: yes; - --spectrum-textfield-s-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-texticon-placeholder-text-transform: none; - --spectrum-textfield-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-icon-margin-top: 0; - --spectrum-textfield-s-texticon-icon-margin-bottom: 0; - --spectrum-textfield-s-texticon-icon-render: yes; - --spectrum-textfield-s-texticon-icon-type: icon; - --spectrum-textfield-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-s-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-texticon-focus-ring-type: focusring; - --spectrum-textfield-s-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-text-transform: none; - --spectrum-textfield-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-texticon-layout: row; - --spectrum-textfield-s-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-focus-ring-render-valid: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-focus-ring-render: no; - --spectrum-textfield-s-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-focus-ring-render-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-focus-ring-render-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-render: yes; - --spectrum-textfield-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-textonly-text-text-transform: none; - --spectrum-textfield-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-render: yes; - --spectrum-textfield-s-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-textonly-placeholder-text-transform: none; - --spectrum-textfield-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-icon-margin-top: 0; - --spectrum-textfield-s-textonly-icon-margin-bottom: 0; - --spectrum-textfield-s-textonly-icon-render: no; - --spectrum-textfield-s-textonly-icon-type: icon; - --spectrum-textfield-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-s-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-textonly-focus-ring-type: focusring; - --spectrum-textfield-s-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-text-transform: none; - --spectrum-textfield-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-textonly-layout: row; - --spectrum-textfield-s-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-down: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-text-render: yes; - --spectrum-textfield-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-texticon-text-text-transform: none; - --spectrum-textfield-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-m-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-m-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-m-quiet-texticon-icon-render: yes; - --spectrum-textfield-m-quiet-texticon-icon-type: icon; - --spectrum-textfield-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-m-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-m-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-quiet-texticon-text-transform: none; - --spectrum-textfield-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-texticon-layout: row; - --spectrum-textfield-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-down: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-text-render: yes; - --spectrum-textfield-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-textonly-text-text-transform: none; - --spectrum-textfield-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-m-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-m-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-m-quiet-textonly-icon-render: no; - --spectrum-textfield-m-quiet-textonly-icon-type: icon; - --spectrum-textfield-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-m-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-m-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-quiet-textonly-text-transform: none; - --spectrum-textfield-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-textonly-layout: row; - --spectrum-textfield-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-focus-ring-render-valid: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-focus-ring-render: no; - --spectrum-textfield-m-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-focus-ring-render-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-focus-ring-render-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-render: yes; - --spectrum-textfield-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-texticon-text-text-transform: none; - --spectrum-textfield-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-render: yes; - --spectrum-textfield-m-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-texticon-placeholder-text-transform: none; - --spectrum-textfield-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-texticon-icon-margin-top: 0; - --spectrum-textfield-m-texticon-icon-margin-bottom: 0; - --spectrum-textfield-m-texticon-icon-render: yes; - --spectrum-textfield-m-texticon-icon-type: icon; - --spectrum-textfield-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-m-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-texticon-focus-ring-type: focusring; - --spectrum-textfield-m-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-texticon-text-transform: none; - --spectrum-textfield-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-layout: row; - --spectrum-textfield-m-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-focus-ring-render-valid: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-focus-ring-render: no; - --spectrum-textfield-m-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-focus-ring-render-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-focus-ring-render-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-render: yes; - --spectrum-textfield-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-textonly-text-text-transform: none; - --spectrum-textfield-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-render: yes; - --spectrum-textfield-m-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-textonly-placeholder-text-transform: none; - --spectrum-textfield-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-textonly-icon-margin-top: 0; - --spectrum-textfield-m-textonly-icon-margin-bottom: 0; - --spectrum-textfield-m-textonly-icon-render: no; - --spectrum-textfield-m-textonly-icon-type: icon; - --spectrum-textfield-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-m-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-textonly-focus-ring-type: focusring; - --spectrum-textfield-m-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-textonly-text-transform: none; - --spectrum-textfield-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-layout: row; - --spectrum-textfield-m-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-down: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-text-render: yes; - --spectrum-textfield-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-texticon-text-text-transform: none; - --spectrum-textfield-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-l-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-l-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-l-quiet-texticon-icon-render: yes; - --spectrum-textfield-l-quiet-texticon-icon-type: icon; - --spectrum-textfield-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-l-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-l-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-quiet-texticon-text-transform: none; - --spectrum-textfield-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-texticon-layout: row; - --spectrum-textfield-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-down: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-text-render: yes; - --spectrum-textfield-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-textonly-text-text-transform: none; - --spectrum-textfield-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-l-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-l-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-l-quiet-textonly-icon-render: no; - --spectrum-textfield-l-quiet-textonly-icon-type: icon; - --spectrum-textfield-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-l-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-l-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-quiet-textonly-text-transform: none; - --spectrum-textfield-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-textonly-layout: row; - --spectrum-textfield-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-focus-ring-render-valid: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-focus-ring-render: no; - --spectrum-textfield-l-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-focus-ring-render-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-focus-ring-render-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-render: yes; - --spectrum-textfield-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-texticon-text-text-transform: none; - --spectrum-textfield-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-render: yes; - --spectrum-textfield-l-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-texticon-placeholder-text-transform: none; - --spectrum-textfield-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-texticon-icon-margin-top: 0; - --spectrum-textfield-l-texticon-icon-margin-bottom: 0; - --spectrum-textfield-l-texticon-icon-render: yes; - --spectrum-textfield-l-texticon-icon-type: icon; - --spectrum-textfield-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-l-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-texticon-focus-ring-type: focusring; - --spectrum-textfield-l-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-texticon-text-transform: none; - --spectrum-textfield-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-layout: row; - --spectrum-textfield-l-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-focus-ring-render-valid: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-focus-ring-render: no; - --spectrum-textfield-l-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-focus-ring-render-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-focus-ring-render-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-render: yes; - --spectrum-textfield-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-textonly-text-text-transform: none; - --spectrum-textfield-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-render: yes; - --spectrum-textfield-l-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-textonly-placeholder-text-transform: none; - --spectrum-textfield-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-textonly-icon-margin-top: 0; - --spectrum-textfield-l-textonly-icon-margin-bottom: 0; - --spectrum-textfield-l-textonly-icon-render: no; - --spectrum-textfield-l-textonly-icon-type: icon; - --spectrum-textfield-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-l-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-textonly-focus-ring-type: focusring; - --spectrum-textfield-l-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-textonly-text-transform: none; - --spectrum-textfield-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-layout: row; - --spectrum-textfield-l-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-down: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-text-render: yes; - --spectrum-textfield-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-texticon-text-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-xl-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-xl-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-xl-quiet-texticon-icon-render: yes; - --spectrum-textfield-xl-quiet-texticon-icon-type: icon; - --spectrum-textfield-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-xl-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-xl-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-quiet-texticon-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-texticon-layout: row; - --spectrum-textfield-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-down: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-text-render: yes; - --spectrum-textfield-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-textonly-text-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-xl-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-xl-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-xl-quiet-textonly-icon-render: no; - --spectrum-textfield-xl-quiet-textonly-icon-type: icon; - --spectrum-textfield-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-xl-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-xl-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-quiet-textonly-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-textonly-layout: row; - --spectrum-textfield-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-focus-ring-render-valid: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-focus-ring-render: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-focus-ring-render-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-focus-ring-render-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-render: yes; - --spectrum-textfield-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-texticon-text-text-transform: none; - --spectrum-textfield-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-render: yes; - --spectrum-textfield-xl-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-texticon-placeholder-text-transform: none; - --spectrum-textfield-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-texticon-icon-margin-top: 0; - --spectrum-textfield-xl-texticon-icon-margin-bottom: 0; - --spectrum-textfield-xl-texticon-icon-render: yes; - --spectrum-textfield-xl-texticon-icon-type: icon; - --spectrum-textfield-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-xl-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-texticon-focus-ring-type: focusring; - --spectrum-textfield-xl-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-texticon-text-transform: none; - --spectrum-textfield-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-layout: row; - --spectrum-textfield-xl-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-focus-ring-render-valid: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-focus-ring-render: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-focus-ring-render-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-focus-ring-render-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-render: yes; - --spectrum-textfield-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-textonly-text-text-transform: none; - --spectrum-textfield-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-render: yes; - --spectrum-textfield-xl-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-textonly-placeholder-text-transform: none; - --spectrum-textfield-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-textonly-icon-margin-top: 0; - --spectrum-textfield-xl-textonly-icon-margin-bottom: 0; - --spectrum-textfield-xl-textonly-icon-render: no; - --spectrum-textfield-xl-textonly-icon-type: icon; - --spectrum-textfield-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-xl-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-textonly-focus-ring-type: focusring; - --spectrum-textfield-xl-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-textonly-text-transform: none; - --spectrum-textfield-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-layout: row; - --spectrum-textfield-xl-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-textonly-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/expressvars/css/components/spectrum-thumbnail.css b/components/expressvars/css/components/spectrum-thumbnail.css deleted file mode 100644 index 16eb5cec335..00000000000 --- a/components/expressvars/css/components/spectrum-thumbnail.css +++ /dev/null @@ -1,672 +0,0 @@ -:root { - --spectrum-thumbnail-xxs-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-xxs-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xxs-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xxs-layer-inset-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-inset-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xxs-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-xxs-layer-inset-position: absolute; - --spectrum-thumbnail-xxs-layer-inset-top: 0; - --spectrum-thumbnail-xxs-layer-inset-left: 0; - --spectrum-thumbnail-xxs-layer-image-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-image-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-darksquare-render: no; - --spectrum-thumbnail-xxs-layer-darksquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-lightsquare-render: no; - --spectrum-thumbnail-xxs-layer-lightsquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xxs-layer-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-xxs-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xxs-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xxs-inset-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-inset-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xxs-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-xxs-inset-position: static; - --spectrum-thumbnail-xxs-inset-top: 0; - --spectrum-thumbnail-xxs-inset-left: 0; - --spectrum-thumbnail-xxs-image-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-image-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-darksquare-render: no; - --spectrum-thumbnail-xxs-darksquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-lightsquare-render: no; - --spectrum-thumbnail-xxs-lightsquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xxs-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xs-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-xs-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xs-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xs-layer-inset-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-inset-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xs-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-xs-layer-inset-position: absolute; - --spectrum-thumbnail-xs-layer-inset-top: 0; - --spectrum-thumbnail-xs-layer-inset-left: 0; - --spectrum-thumbnail-xs-layer-image-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-image-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-darksquare-render: no; - --spectrum-thumbnail-xs-layer-darksquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-lightsquare-render: no; - --spectrum-thumbnail-xs-layer-lightsquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xs-layer-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-xs-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xs-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xs-inset-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-inset-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xs-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-xs-inset-position: static; - --spectrum-thumbnail-xs-inset-top: 0; - --spectrum-thumbnail-xs-inset-left: 0; - --spectrum-thumbnail-xs-image-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-image-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-darksquare-render: no; - --spectrum-thumbnail-xs-darksquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-lightsquare-render: no; - --spectrum-thumbnail-xs-lightsquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xs-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-s-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-s-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-s-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-s-layer-inset-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-inset-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-s-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-s-layer-inset-position: absolute; - --spectrum-thumbnail-s-layer-inset-top: 0; - --spectrum-thumbnail-s-layer-inset-left: 0; - --spectrum-thumbnail-s-layer-image-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-image-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-darksquare-render: no; - --spectrum-thumbnail-s-layer-darksquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-layer-lightsquare-render: no; - --spectrum-thumbnail-s-layer-lightsquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-s-layer-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-s-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-s-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-s-inset-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-inset-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-s-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-s-inset-position: static; - --spectrum-thumbnail-s-inset-top: 0; - --spectrum-thumbnail-s-inset-left: 0; - --spectrum-thumbnail-s-image-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-image-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-darksquare-render: no; - --spectrum-thumbnail-s-darksquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-lightsquare-render: no; - --spectrum-thumbnail-s-lightsquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-s-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-m-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-m-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-m-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-m-layer-inset-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-inset-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-m-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-m-layer-inset-position: absolute; - --spectrum-thumbnail-m-layer-inset-top: 0; - --spectrum-thumbnail-m-layer-inset-left: 0; - --spectrum-thumbnail-m-layer-image-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-image-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-darksquare-render: no; - --spectrum-thumbnail-m-layer-darksquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-layer-lightsquare-render: no; - --spectrum-thumbnail-m-layer-lightsquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-m-layer-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-m-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-m-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-m-inset-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-inset-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-m-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-m-inset-position: static; - --spectrum-thumbnail-m-inset-top: 0; - --spectrum-thumbnail-m-inset-left: 0; - --spectrum-thumbnail-m-image-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-image-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-darksquare-render: no; - --spectrum-thumbnail-m-darksquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-lightsquare-render: no; - --spectrum-thumbnail-m-lightsquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-m-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-l-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-l-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-l-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-l-layer-inset-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-inset-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-l-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-l-layer-inset-position: absolute; - --spectrum-thumbnail-l-layer-inset-top: 0; - --spectrum-thumbnail-l-layer-inset-left: 0; - --spectrum-thumbnail-l-layer-image-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-image-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-darksquare-render: no; - --spectrum-thumbnail-l-layer-darksquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-layer-lightsquare-render: no; - --spectrum-thumbnail-l-layer-lightsquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-l-layer-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-l-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-l-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-l-inset-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-inset-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-l-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-l-inset-position: static; - --spectrum-thumbnail-l-inset-top: 0; - --spectrum-thumbnail-l-inset-left: 0; - --spectrum-thumbnail-l-image-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-image-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-darksquare-render: no; - --spectrum-thumbnail-l-darksquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-lightsquare-render: no; - --spectrum-thumbnail-l-lightsquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-l-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-height: var(--spectrum-global-dimension-size-700); -} diff --git a/components/expressvars/css/components/spectrum-toast.css b/components/expressvars/css/components/spectrum-toast.css deleted file mode 100644 index c3b70dda1b1..00000000000 --- a/components/expressvars/css/components/spectrum-toast.css +++ /dev/null @@ -1,250 +0,0 @@ -:root { - --spectrum-toast-neutral-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-neutral-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-toast-neutral-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-icon-type: icon; - --spectrum-toast-neutral-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-neutral-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-neutral-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-neutral-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-neutral-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-neutral-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-neutral-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-neutral-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-neutral-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-neutral-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-neutral-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-neutral-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-neutral-content-text-transform: none; - --spectrum-toast-neutral-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-neutral-text-transform: none; - --spectrum-toast-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-neutral-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-neutral-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-neutral-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-neutral-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-neutral-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-neutral-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-layout: inline-row; - --spectrum-toast-neutral-dismiss-duration: 5000ms; - --spectrum-toast-neutral-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-neutral-entry-animation-opacity: 0%; - --spectrum-toast-neutral-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-neutral-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-neutral-entry-animation-properties: opacity, offset; - --spectrum-toast-neutral-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-neutral-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-neutral-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-neutral-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-opacity: 0%; - --spectrum-toast-neutral-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-neutral-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-neutral-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-neutral-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-info-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-toast-info-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-icon-type: icon; - --spectrum-toast-info-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-info-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-info-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-info-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-info-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-info-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-info-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-info-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-info-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-info-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-info-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-info-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-info-content-text-transform: none; - --spectrum-toast-info-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-info-text-transform: none; - --spectrum-toast-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-info-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-info-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-info-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-info-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-info-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-info-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-layout: inline-row; - --spectrum-toast-info-dismiss-duration: 5000ms; - --spectrum-toast-info-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-entry-animation-opacity: 0%; - --spectrum-toast-info-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-info-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-info-entry-animation-properties: opacity, offset; - --spectrum-toast-info-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-info-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-info-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-opacity: 0%; - --spectrum-toast-info-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-info-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-info-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-info-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-positive-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-positive-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-background-color: var(--spectrum-semantic-positive-background-color); - --spectrum-toast-positive-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-icon-type: icon; - --spectrum-toast-positive-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-positive-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-positive-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-positive-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-positive-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-positive-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-positive-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-positive-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-positive-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-positive-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-positive-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-positive-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-positive-content-text-transform: none; - --spectrum-toast-positive-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-positive-text-transform: none; - --spectrum-toast-positive-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-positive-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-positive-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-positive-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-positive-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-positive-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-positive-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-layout: inline-row; - --spectrum-toast-positive-dismiss-duration: 5000ms; - --spectrum-toast-positive-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-entry-animation-opacity: 0%; - --spectrum-toast-positive-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-positive-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-positive-entry-animation-properties: opacity, offset; - --spectrum-toast-positive-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-positive-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-positive-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-opacity: 0%; - --spectrum-toast-positive-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-positive-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-positive-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-positive-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-negative-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-toast-negative-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-icon-type: icon; - --spectrum-toast-negative-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-negative-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-negative-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-negative-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-negative-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-negative-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-negative-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-negative-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-negative-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-negative-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-negative-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-negative-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-negative-content-text-transform: none; - --spectrum-toast-negative-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-negative-text-transform: none; - --spectrum-toast-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-negative-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-negative-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-negative-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-negative-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-negative-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-negative-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-layout: inline-row; - --spectrum-toast-negative-dismiss-duration: 5000ms; - --spectrum-toast-negative-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-entry-animation-opacity: 0%; - --spectrum-toast-negative-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-negative-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-negative-entry-animation-properties: opacity, offset; - --spectrum-toast-negative-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-negative-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-negative-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-opacity: 0%; - --spectrum-toast-negative-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-negative-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-negative-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-negative-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); -} diff --git a/components/expressvars/css/components/spectrum-tooltip.css b/components/expressvars/css/components/spectrum-tooltip.css deleted file mode 100644 index bfd31567bd7..00000000000 --- a/components/expressvars/css/components/spectrum-tooltip.css +++ /dev/null @@ -1,230 +0,0 @@ -:root { - --spectrum-tooltip-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-neutral-tip-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-tooltip-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-neutral-border-color: transparent; - --spectrum-tooltip-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-tooltip-neutral-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-neutral-text-transform: none; - --spectrum-tooltip-neutral-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-neutral-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-neutral-text-padding-top: 0; - --spectrum-tooltip-neutral-text-padding-bottom: 0; - --spectrum-tooltip-neutral-text-render: yes; - --spectrum-tooltip-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-neutral-text-text-transform: none; - --spectrum-tooltip-neutral-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-neutral-tip-render: no; - --spectrum-tooltip-neutral-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-neutral-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-type: icon; - --spectrum-tooltip-neutral-icon-render: no; - --spectrum-tooltip-neutral-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-neutral-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-layout: inline-row; - --spectrum-tooltip-neutral-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-neutral-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-neutral-height: auto; - --spectrum-tooltip-neutral-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-neutral-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-neutral-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-neutral-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-neutral-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-neutral-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-neutral-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-neutral-entry-animation-properties: opacity, distance; - --spectrum-tooltip-neutral-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-neutral-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-neutral-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-neutral-exit-animation-properties: opacity, distance; - --spectrum-tooltip-neutral-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-info-tip-color: var(--spectrum-semantic-informative-background-color); - --spectrum-tooltip-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-info-border-color: transparent; - --spectrum-tooltip-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-tooltip-info-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-info-text-transform: none; - --spectrum-tooltip-info-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-info-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-info-text-padding-top: 0; - --spectrum-tooltip-info-text-padding-bottom: 0; - --spectrum-tooltip-info-text-render: yes; - --spectrum-tooltip-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-info-text-text-transform: none; - --spectrum-tooltip-info-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-info-tip-render: no; - --spectrum-tooltip-info-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-info-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-type: icon; - --spectrum-tooltip-info-icon-render: yes; - --spectrum-tooltip-info-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-info-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-layout: inline-row; - --spectrum-tooltip-info-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-info-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-info-height: auto; - --spectrum-tooltip-info-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-info-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-info-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-info-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-info-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-info-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-info-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-info-entry-animation-properties: opacity, distance; - --spectrum-tooltip-info-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-info-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-info-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-info-exit-animation-properties: opacity, distance; - --spectrum-tooltip-info-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-positive-tip-color: var(--spectrum-semantic-positive-background-color); - --spectrum-tooltip-positive-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-positive-border-color: transparent; - --spectrum-tooltip-positive-background-color: var(--spectrum-semantic-positive-background-color); - --spectrum-tooltip-positive-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-positive-text-transform: none; - --spectrum-tooltip-positive-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-positive-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-positive-text-padding-top: 0; - --spectrum-tooltip-positive-text-padding-bottom: 0; - --spectrum-tooltip-positive-text-render: yes; - --spectrum-tooltip-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-positive-text-text-transform: none; - --spectrum-tooltip-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-positive-tip-render: no; - --spectrum-tooltip-positive-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-positive-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-type: icon; - --spectrum-tooltip-positive-icon-render: yes; - --spectrum-tooltip-positive-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-positive-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-layout: inline-row; - --spectrum-tooltip-positive-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-positive-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-positive-height: auto; - --spectrum-tooltip-positive-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-positive-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-positive-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-positive-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-positive-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-positive-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-positive-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-positive-entry-animation-properties: opacity, distance; - --spectrum-tooltip-positive-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-positive-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-positive-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-positive-exit-animation-properties: opacity, distance; - --spectrum-tooltip-positive-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-negative-tip-color: var(--spectrum-semantic-negative-background-color); - --spectrum-tooltip-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-negative-border-color: transparent; - --spectrum-tooltip-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-tooltip-negative-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-negative-text-transform: none; - --spectrum-tooltip-negative-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-negative-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-negative-text-padding-top: 0; - --spectrum-tooltip-negative-text-padding-bottom: 0; - --spectrum-tooltip-negative-text-render: yes; - --spectrum-tooltip-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-negative-text-text-transform: none; - --spectrum-tooltip-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-negative-tip-render: no; - --spectrum-tooltip-negative-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-negative-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-type: icon; - --spectrum-tooltip-negative-icon-render: yes; - --spectrum-tooltip-negative-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-negative-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-layout: inline-row; - --spectrum-tooltip-negative-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-negative-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-negative-height: auto; - --spectrum-tooltip-negative-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-negative-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-negative-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-negative-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-negative-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-negative-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-negative-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-negative-entry-animation-properties: opacity, distance; - --spectrum-tooltip-negative-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-negative-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-negative-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-negative-exit-animation-properties: opacity, distance; - --spectrum-tooltip-negative-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); -} diff --git a/components/expressvars/css/components/spectrum-tray.css b/components/expressvars/css/components/spectrum-tray.css deleted file mode 100644 index 93899939eab..00000000000 --- a/components/expressvars/css/components/spectrum-tray.css +++ /dev/null @@ -1,29 +0,0 @@ -:root { - --spectrum-tray-underlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-tray-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tray-full-width-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tray-width: 100%; - --spectrum-tray-max-width: 375px; - --spectrum-tray-min-height: var(--spectrum-global-dimension-static-size-800); - --spectrum-tray-padding-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-tray-padding-y: 0; - --spectrum-tray-border-radius: 0px; - --spectrum-tray-background-entry-animation-delay: 0ms; - --spectrum-tray-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-tray-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-tray-background-entry-animation-properties: opacity; - --spectrum-tray-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-tray-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-tray-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tray-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-tray-entry-animation-properties: opacity, distance; - --spectrum-tray-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-tray-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-tray-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-tray-background-exit-animation-properties: opacity; - --spectrum-tray-exit-animation-delay: 0ms; - --spectrum-tray-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tray-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-tray-exit-animation-distance: 0; - --spectrum-tray-exit-animation-properties: opacity, distance; -} diff --git a/components/expressvars/css/components/spectrum-treeview.css b/components/expressvars/css/components/spectrum-treeview.css deleted file mode 100644 index 2c7096a1997..00000000000 --- a/components/expressvars/css/components/spectrum-treeview.css +++ /dev/null @@ -1,263 +0,0 @@ -:root { - --spectrum-treeview-s-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-s-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-s-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-s-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-s-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-s-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-s-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-s-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-s-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-s-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-s-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-s-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-s-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-s-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-treeview-s-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-s-item-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-s-item-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-s-item-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-treeview-s-item-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-treeview-s-item-text-render: yes; - --spectrum-treeview-s-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-treeview-s-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-s-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-s-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-s-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-s-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-s-item-text-text-transform: none; - --spectrum-treeview-s-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-treeview-s-item-indentation: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-s-item-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-s-item-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-s-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-s-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-s-item-affordance-size: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-s-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-m-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-m-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-m-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-m-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-m-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-m-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-m-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-m-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-m-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-m-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-m-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-m-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-m-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-m-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-treeview-m-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-m-item-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-treeview-m-item-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-treeview-m-item-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-m-item-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-m-item-text-render: yes; - --spectrum-treeview-m-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-treeview-m-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-m-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-m-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-m-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-m-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-m-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-m-item-text-text-transform: none; - --spectrum-treeview-m-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-treeview-m-item-indentation: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-m-item-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-m-item-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-m-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-m-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-m-item-affordance-size: var(--spectrum-global-dimension-size-400); - --spectrum-treeview-m-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-l-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-l-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-l-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-l-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-l-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-l-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-l-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-l-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-l-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-l-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-l-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-l-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-l-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-l-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-treeview-l-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-l-item-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-l-item-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-l-item-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-l-item-text-render: yes; - --spectrum-treeview-l-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-treeview-l-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-l-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-l-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-l-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-l-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-l-item-text-text-transform: none; - --spectrum-treeview-l-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-treeview-l-item-indentation: var(--spectrum-global-dimension-size-250); - --spectrum-treeview-l-item-margin-left: var(--spectrum-global-dimension-size-250); - --spectrum-treeview-l-item-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-treeview-l-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-treeview-l-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-l-item-affordance-size: var(--spectrum-global-dimension-size-500); - --spectrum-treeview-l-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-xl-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-xl-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-xl-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-xl-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-xl-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-xl-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-xl-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-xl-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-xl-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-xl-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-xl-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-xl-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-xl-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-xl-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-treeview-xl-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-xl-item-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-treeview-xl-item-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-xl-item-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-treeview-xl-item-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-treeview-xl-item-text-render: yes; - --spectrum-treeview-xl-item-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-xl-item-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-treeview-xl-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-xl-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-xl-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-xl-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-xl-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-xl-item-text-text-transform: none; - --spectrum-treeview-xl-item-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-treeview-xl-item-indentation: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-xl-item-margin-left: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-xl-item-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-treeview-xl-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-treeview-xl-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-xl-item-affordance-size: var(--spectrum-global-dimension-size-600); - --spectrum-treeview-xl-width: var(--spectrum-global-dimension-static-size-3800); -} diff --git a/components/expressvars/css/components/spectrum-well.css b/components/expressvars/css/components/spectrum-well.css deleted file mode 100644 index 4c63579146f..00000000000 --- a/components/expressvars/css/components/spectrum-well.css +++ /dev/null @@ -1,6 +0,0 @@ -:root { - --spectrum-well-label-text-color: var(--spectrum-global-color-gray-900); - --spectrum-well-border-width: var(--spectrum-alias-border-size-thin); - --spectrum-well-padding: var(--spectrum-global-dimension-size-200); - --spectrum-well-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/expressvars/css/globals/index.css b/components/expressvars/css/globals/index.css deleted file mode 100644 index 95f8b209d1f..00000000000 --- a/components/expressvars/css/globals/index.css +++ /dev/null @@ -1,8 +0,0 @@ -@import 'spectrum-animationGlobals.css'; -@import 'spectrum-colorAliases.css'; -@import 'spectrum-colorGlobals.css'; -@import 'spectrum-colorSemantics.css'; -@import 'spectrum-dimensionAliases.css'; -@import 'spectrum-dimensionGlobals.css'; -@import 'spectrum-fontGlobals.css'; -@import 'spectrum-staticAliases.css'; \ No newline at end of file diff --git a/components/expressvars/css/globals/spectrum-animationGlobals.css b/components/expressvars/css/globals/spectrum-animationGlobals.css deleted file mode 100644 index e8882c6dce9..00000000000 --- a/components/expressvars/css/globals/spectrum-animationGlobals.css +++ /dev/null @@ -1,20 +0,0 @@ -:root { - --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1); - --spectrum-global-animation-duration-0: 0ms; - --spectrum-global-animation-duration-100: 130ms; - --spectrum-global-animation-duration-200: 160ms; - --spectrum-global-animation-duration-300: 190ms; - --spectrum-global-animation-duration-400: 220ms; - --spectrum-global-animation-duration-500: 250ms; - --spectrum-global-animation-duration-600: 300ms; - --spectrum-global-animation-duration-700: 350ms; - --spectrum-global-animation-duration-800: 400ms; - --spectrum-global-animation-duration-900: 450ms; - --spectrum-global-animation-duration-1000: 500ms; - --spectrum-global-animation-duration-2000: 1000ms; - --spectrum-global-animation-duration-4000: 2000ms; - --spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1); - --spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1); - --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1); - --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1); -} diff --git a/components/expressvars/css/globals/spectrum-colorAliases.css b/components/expressvars/css/globals/spectrum-colorAliases.css deleted file mode 100644 index 40dd639dc53..00000000000 --- a/components/expressvars/css/globals/spectrum-colorAliases.css +++ /dev/null @@ -1,460 +0,0 @@ -:root { - --spectrum-alias-colorhandle-outer-border-color: rgba(0,0,0,0.42); - --spectrum-alias-component-text-color-selected-default: var(--spectrum-global-color-gray-50); - --spectrum-alias-component-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-icon-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-component-icon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-alias-component-background-color-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-alias-component-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-alias-component-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-alias-component-background-color-quiet-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-alias-component-background-color-quiet-down: var(--spectrum-alias-component-background-color-down); - --spectrum-alias-component-background-color-quiet-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-alias-component-background-color-selected-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-component-background-color-selected-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-background-color-selected-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-background-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-border-color-default: var(--spectrum-alias-component-background-color-default); - --spectrum-alias-component-border-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-alias-component-border-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-alias-component-border-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-alias-component-border-color-selected-default: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-border-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-alias-component-border-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-alias-component-border-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-alias-component-border-color-quiet-key-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-alias-component-border-color-quiet-selected-default: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-border-color-quiet-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-alias-component-border-color-quiet-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-alias-component-border-color-quiet-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-alias-toggle-background-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-background-color-emphasized-selected-default: var(--spectrum-global-color-indigo-500); - --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(--spectrum-global-color-indigo-600); - --spectrum-alias-toggle-background-color-emphasized-selected-down: var(--spectrum-global-color-indigo-700); - --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(--spectrum-global-color-indigo-600); - --spectrum-alias-toggle-border-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-tag-border-color-default: var(--spectrum-global-color-gray-300); - --spectrum-alias-tag-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-alias-tag-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-alias-tag-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-alias-tag-border-color-disabled-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-tag-border-color-error-key-focus: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-alias-tag-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-alias-tag-background-color-default: var(--spectrum-global-color-gray-100); - --spectrum-alias-tag-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-alias-tag-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-alias-tag-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-alias-tag-background-color-error-default: var(--spectrum-alias-tag-background-color-default); - --spectrum-alias-tag-background-color-error-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-alias-tag-background-color-error-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-alias-tag-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-alias-avatar-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected-default: var(--spectrum-global-color-gray-900); - --spectrum-alias-avatar-border-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-alias-avatar-border-color-selected-down: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-alias-avatar-border-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-link-primary-text-color-default: var(--spectrum-global-color-indigo-600); - --spectrum-alias-link-primary-text-color-hover: var(--spectrum-global-color-indigo-600); - --spectrum-alias-link-primary-text-color-down: var(--spectrum-global-color-indigo-700); - --spectrum-alias-link-primary-text-color-key-focus: var(--spectrum-alias-text-color-key-focus); - --spectrum-alias-link-secondary-text-color-default: var(--spectrum-alias-text-color); - --spectrum-alias-link-secondary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-alias-link-secondary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-alias-link-secondary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-alias-button-primary-background-color-default: var(--spectrum-alias-button-primary-border-color-default); - --spectrum-alias-button-primary-text-color-default: var(--spectrum-alias-button-primary-text-color-hover); - --spectrum-alias-button-primary-icon-color-default: var(--spectrum-alias-button-primary-text-color-default); - --spectrum-alias-button-secondary-background-color-default: var(--spectrum-alias-button-secondary-border-color-default); - --spectrum-alias-button-secondary-text-color-default: var(--spectrum-alias-button-secondary-text-color-hover); - --spectrum-alias-button-secondary-icon-color-default: var(--spectrum-alias-button-secondary-text-color-default); - --spectrum-alias-button-negative-background-color-default: var(--spectrum-alias-button-negative-border-color-default); - --spectrum-alias-button-negative-text-color-default: var(--spectrum-alias-button-negative-text-color-hover); - --spectrum-alias-button-negative-icon-color-default: var(--spectrum-alias-button-negative-text-color-default); - --spectrum-alias-input-border-color-default: var(--spectrum-alias-border-color); - --spectrum-alias-input-border-color-hover: var(--spectrum-alias-border-color-hover); - --spectrum-alias-input-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-input-border-color-mouse-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-input-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-input-border-color-invalid-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-yellow-background-color-default: var(--spectrum-global-color-static-yellow-400); - --spectrum-alias-yellow-background-color-hover: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-yellow-background-color-key-focus: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-yellow-background-color-down: var(--spectrum-global-color-static-yellow-600); - --spectrum-alias-infieldbutton-background-color: transparent; - --spectrum-alias-infieldbutton-fill-border-color-default: transparent; - --spectrum-alias-infieldbutton-fill-border-color-hover: transparent; - --spectrum-alias-infieldbutton-fill-border-color-down: transparent; - --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: transparent; - --spectrum-alias-infieldbutton-fill-border-color-key-focus: transparent; - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover); - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down); - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus); - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent; - --spectrum-alias-actionbutton-staticBlack-border-color-default: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-default: rgba(0,0,0,0.1); - --spectrum-alias-actionbutton-staticBlack-border-color-hover: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(0,0,0,0.25); - --spectrum-alias-actionbutton-staticBlack-border-color-down: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(0,0,0,0.4); - --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-alias-actionbutton-staticBlack-border-color-disabled: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent; - --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(0,0,0,0.1); - --spectrum-alias-actionbutton-staticWhite-border-color-default: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-default: rgba(255,255,255,0.1); - --spectrum-alias-actionbutton-staticWhite-border-color-hover: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-hover: rgba(255,255,255,0.25); - --spectrum-alias-actionbutton-staticWhite-border-color-down: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-down: rgba(255,255,255,0.4); - --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-alias-actionbutton-staticWhite-border-color-disabled: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent; - --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: rgba(255,255,255,0.1); - --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300); - --spectrum-alias-thumbnail-darksquare-background-color: var(--spectrum-global-color-gray-200); - --spectrum-alias-thumbnail-lightsquare-background-color: var(--spectrum-global-color-static-white); - --spectrum-alias-tabs-divider-background-color-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-tabs-divider-background-color-quiet: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-tabitem-text-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-tabitem-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-alias-tabitem-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color-selected-default: var(--spectrum-global-color-gray-900); - --spectrum-alias-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-emphasized: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(--spectrum-global-color-indigo-600); - --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-selection-indicator-color-default: var(--spectrum-global-color-gray-900); - --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-icon-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-alias-tabitem-icon-color-default: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-alias-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-alias-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-alias-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-alias-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-icon-color-emphasized: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-icon-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-assetcard-selectionindicator-background-color-ordered: var(--spectrum-global-color-indigo-500); - --spectrum-alias-assetcard-overlay-background-color: rgba(109,115,246,0.2); - --spectrum-alias-assetcard-border-color-selected: var(--spectrum-global-color-indigo-500); - --spectrum-alias-assetcard-border-color-selected-hover: var(--spectrum-global-color-indigo-500); - --spectrum-alias-assetcard-border-color-selected-down: var(--spectrum-global-color-indigo-600); - --spectrum-alias-transparent-blue-background-color-mouse-focus: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-alias-transparent-blue-background-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-transparent-red-background-color-hover: rgba(154,0,0,0.15); - --spectrum-alias-transparent-red-background-color-down: rgba(124,0,0,0.3); - --spectrum-alias-transparent-red-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-alias-transparent-red-background-color-mouse-focus: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-alias-transparent-red-background-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-component-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-component-text-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-component-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-text-color-key-focus: var(--spectrum-alias-component-text-color-hover); - --spectrum-alias-component-text-color-mouse-focus: var(--spectrum-alias-component-text-color-hover); - --spectrum-alias-component-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-component-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-default: var(--spectrum-global-color-static-white); - --spectrum-alias-component-text-color-emphasized-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-error-default: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-component-text-color-error-hover: var(--spectrum-semantic-negative-text-color-small-hover); - --spectrum-alias-component-text-color-error-down: var(--spectrum-semantic-negative-text-color-small-down); - --spectrum-alias-component-text-color-error-key-focus: var(--spectrum-semantic-negative-text-color-small-key-focus); - --spectrum-alias-component-text-color-error-mouse-focus: var(--spectrum-semantic-negative-text-color-small-key-focus); - --spectrum-alias-component-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-alias-component-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-alias-component-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-component-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-alias-component-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-component-icon-color-mouse-focus: var(--spectrum-alias-icon-color-down); - --spectrum-alias-component-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-alias-component-icon-color-emphasized-selected-default: var(--spectrum-global-color-static-white); - --spectrum-alias-component-icon-color-emphasized-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-quiet-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-component-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-alias-component-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-quiet-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-alias-component-background-color-quiet-selected-default: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-quiet-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-alias-component-background-color-quiet-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-alias-component-background-color-quiet-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-alias-component-background-color-quiet-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default); - --spectrum-alias-component-background-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-alias-component-background-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-alias-component-background-color-emphasized-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-alias-component-border-color-disabled: var(--spectrum-alias-border-color-disabled); - --spectrum-alias-component-border-color-quiet-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-alias-component-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-alias-component-border-color-quiet-default: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet-down: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-alias-component-border-color-quiet-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-border-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default); - --spectrum-alias-component-border-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-alias-component-border-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-alias-component-border-color-emphasized-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-alias-tag-border-color-error-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-border-color-error-down: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-border-color-error-selected: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-alias-tag-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-alias-tag-border-color-disabled: var(--spectrum-alias-border-color-disabled); - --spectrum-alias-tag-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-alias-tag-text-color-default: var(--spectrum-alias-label-text-color); - --spectrum-alias-tag-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-alias-tag-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tag-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-tag-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-alias-tag-text-color-error-default: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-text-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-alias-tag-text-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color); - --spectrum-alias-tag-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-alias-tag-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tag-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-alias-tag-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-icon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-alias-tag-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-alias-tag-background-color-error-selected-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-background-color-error-selected-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-background-color-error-selected-down: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-alias-tag-background-color-selected-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-tag-background-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-tag-background-color-selected-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-tag-background-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-tag-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-alias-tag-focusring-border-color-default: transparent; - --spectrum-alias-tag-focusring-border-color-disabled: transparent; - --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-alias-tag-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-alias-avatar-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-alias-avatar-border-color-selected: var(--spectrum-alias-avatar-border-color-selected-default); - --spectrum-alias-toggle-background-color: var(--spectrum-alias-toggle-background-color-default); - --spectrum-alias-toggle-background-color-emphasized-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-alias-toggle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-alias-toggle-icon-color-selected: var(--spectrum-global-color-gray-75); - --spectrum-alias-toggle-icon-color-emphasized-selected: var(--spectrum-global-color-gray-75); - --spectrum-alias-button-primary-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-button-primary-background-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-background-color: var(--spectrum-alias-button-primary-background-color-default); - --spectrum-alias-button-primary-border-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-border-color-hover: var(--spectrum-alias-button-primary-background-color-hover); - --spectrum-alias-button-primary-border-color-down: var(--spectrum-alias-button-primary-background-color-down); - --spectrum-alias-button-primary-border-color-key-focus: var(--spectrum-alias-button-primary-background-color-key-focus); - --spectrum-alias-button-primary-border-color: var(--spectrum-alias-button-primary-border-color-default); - --spectrum-alias-button-primary-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color: var(--spectrum-alias-button-primary-text-color-default); - --spectrum-alias-button-primary-icon-color-hover: var(--spectrum-alias-button-primary-text-color-hover); - --spectrum-alias-button-primary-icon-color-down: var(--spectrum-alias-button-primary-text-color-down); - --spectrum-alias-button-primary-icon-color-key-focus: var(--spectrum-alias-button-primary-text-color-key-focus); - --spectrum-alias-button-primary-icon-color: var(--spectrum-alias-button-primary-icon-color-default); - --spectrum-alias-button-secondary-background-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-secondary-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-background-color: var(--spectrum-alias-button-secondary-background-color-default); - --spectrum-alias-button-secondary-border-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-border-color-hover: var(--spectrum-alias-button-secondary-background-color-hover); - --spectrum-alias-button-secondary-border-color-down: var(--spectrum-alias-button-secondary-background-color-down); - --spectrum-alias-button-secondary-border-color-key-focus: var(--spectrum-alias-button-secondary-background-color-key-focus); - --spectrum-alias-button-secondary-border-color: var(--spectrum-alias-button-secondary-border-color-default); - --spectrum-alias-button-secondary-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color: var(--spectrum-alias-button-secondary-text-color-default); - --spectrum-alias-button-secondary-icon-color-hover: var(--spectrum-alias-button-secondary-text-color-hover); - --spectrum-alias-button-secondary-icon-color-down: var(--spectrum-alias-button-secondary-text-color-down); - --spectrum-alias-button-secondary-icon-color-key-focus: var(--spectrum-alias-button-secondary-text-color-key-focus); - --spectrum-alias-button-secondary-icon-color: var(--spectrum-alias-button-secondary-icon-color-default); - --spectrum-alias-button-negative-background-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-background-color-down: var(--spectrum-global-color-red-700); - --spectrum-alias-button-negative-background-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-background-color: var(--spectrum-alias-button-negative-background-color-default); - --spectrum-alias-button-negative-border-color-default: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-alias-button-negative-border-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color: var(--spectrum-alias-button-negative-border-color-default); - --spectrum-alias-button-negative-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color: var(--spectrum-alias-button-negative-text-color-default); - --spectrum-alias-button-negative-icon-color-hover: var(--spectrum-alias-button-negative-text-color-hover); - --spectrum-alias-button-negative-icon-color-down: var(--spectrum-alias-button-negative-text-color-down); - --spectrum-alias-button-negative-icon-color-key-focus: var(--spectrum-alias-button-negative-text-color-key-focus); - --spectrum-alias-button-negative-icon-color: var(--spectrum-alias-button-negative-icon-color-default); - --spectrum-alias-input-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-input-border-color-quiet-disabled: var(--spectrum-alias-border-color-mid); - --spectrum-alias-input-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-alias-input-border-color-invalid-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-input-border-color-invalid-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-input-border-color-invalid-down: var(--spectrum-semantic-negative-color-down); - --spectrum-alias-input-border-color-invalid-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-input-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-alias-background-color-yellow-default: var(--spectrum-global-color-static-yellow-300); - --spectrum-alias-background-color-yellow-hover: var(--spectrum-global-color-static-yellow-400); - --spectrum-alias-background-color-yellow-key-focus: var(--spectrum-global-color-static-yellow-400); - --spectrum-alias-background-color-yellow-down: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-background-color-yellow: var(--spectrum-alias-background-color-yellow-default); - --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-background-color-transparent: transparent; - --spectrum-alias-background-color-overbackground-down: rgba(255,255,255,0.2); - --spectrum-alias-background-color-quiet-overbackground-hover: rgba(255,255,255,0.1); - --spectrum-alias-background-color-quiet-overbackground-down: rgba(255,255,255,0.2); - --spectrum-alias-background-color-overbackground-disabled: rgba(255,255,255,0.1); - --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2); - --spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-800); - --spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800); - --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700); - --spectrum-alias-text-color: var(--spectrum-global-color-gray-800); - --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500); - --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-text-color-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-text-color-quiet-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900); - --spectrum-alias-link-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-alias-link-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-alias-border-color: var(--spectrum-global-color-gray-400); - --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-alias-border-color-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-alias-border-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-alias-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100); - --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200); - --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300); - --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400); - --spectrum-alias-border-color-darker-default: var(--spectrum-global-color-gray-600); - --spectrum-alias-border-color-darker-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-border-color-darker-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-border-color-transparent: transparent; - --spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05); - --spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1); - --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400); - --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color); - --spectrum-alias-track-fill-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-alias-track-color-overbackground: rgba(255,255,255,0.2); - --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700); - --spectrum-alias-icon-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-alias-icon-color-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-icon-color-quiet-overbackground-disabled: rgba(255,255,255,0.15); - --spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-selected-neutral-subdued: var(--spectrum-global-color-gray-800); - --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600); - --spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700); - --spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-image-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100); - --spectrum-alias-code-highlight-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-code-highlight-background-color: var(--spectrum-global-color-gray-75); - --spectrum-alias-code-highlight-color-keyword: var(--spectrum-global-color-fuchsia-600); - --spectrum-alias-code-highlight-color-section: var(--spectrum-global-color-red-600); - --spectrum-alias-code-highlight-color-literal: var(--spectrum-global-color-blue-600); - --spectrum-alias-code-highlight-color-attribute: var(--spectrum-global-color-seafoam-600); - --spectrum-alias-code-highlight-color-class: var(--spectrum-global-color-magenta-600); - --spectrum-alias-code-highlight-color-variable: var(--spectrum-global-color-purple-600); - --spectrum-alias-code-highlight-color-title: var(--spectrum-global-color-indigo-600); - --spectrum-alias-code-highlight-color-string: var(--spectrum-global-color-fuchsia-600); - --spectrum-alias-code-highlight-color-function: var(--spectrum-global-color-blue-600); - --spectrum-alias-code-highlight-color-comment: var(--spectrum-global-color-gray-700); - --spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200); - --spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700); - --spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500); - --spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500); - --spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200); - --spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200); - --spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500); - --spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800); - --spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700); - --spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600); - --spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300); - --spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200); - --spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500); - --spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200); - --spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200); -} diff --git a/components/expressvars/css/globals/spectrum-colorGlobals.css b/components/expressvars/css/globals/spectrum-colorGlobals.css deleted file mode 100644 index b5e1d19981b..00000000000 --- a/components/expressvars/css/globals/spectrum-colorGlobals.css +++ /dev/null @@ -1,202 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-static-black-rgb: 0, 0, 0; - --spectrum-global-color-static-black: rgb(var(--spectrum-global-color-static-black-rgb)); - --spectrum-global-color-static-white-rgb: 255, 255, 255; - --spectrum-global-color-static-white: rgb(var(--spectrum-global-color-static-white-rgb)); - --spectrum-global-color-static-blue-rgb: 0, 87, 191; - --spectrum-global-color-static-blue: rgb(var(--spectrum-global-color-static-blue-rgb)); - --spectrum-global-color-static-gray-50-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-50: rgb(var(--spectrum-global-color-static-gray-50-rgb)); - --spectrum-global-color-static-gray-75-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-75: rgb(var(--spectrum-global-color-static-gray-75-rgb)); - --spectrum-global-color-static-gray-100-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-100: rgb(var(--spectrum-global-color-static-gray-100-rgb)); - --spectrum-global-color-static-gray-200-rgb: 235, 235, 235; - --spectrum-global-color-static-gray-200: rgb(var(--spectrum-global-color-static-gray-200-rgb)); - --spectrum-global-color-static-gray-300-rgb: 217, 217, 217; - --spectrum-global-color-static-gray-300: rgb(var(--spectrum-global-color-static-gray-300-rgb)); - --spectrum-global-color-static-gray-400-rgb: 179, 179, 179; - --spectrum-global-color-static-gray-400: rgb(var(--spectrum-global-color-static-gray-400-rgb)); - --spectrum-global-color-static-gray-500-rgb: 146, 146, 146; - --spectrum-global-color-static-gray-500: rgb(var(--spectrum-global-color-static-gray-500-rgb)); - --spectrum-global-color-static-gray-600-rgb: 110, 110, 110; - --spectrum-global-color-static-gray-600: rgb(var(--spectrum-global-color-static-gray-600-rgb)); - --spectrum-global-color-static-gray-700-rgb: 71, 71, 71; - --spectrum-global-color-static-gray-700: rgb(var(--spectrum-global-color-static-gray-700-rgb)); - --spectrum-global-color-static-gray-800-rgb: 34, 34, 34; - --spectrum-global-color-static-gray-800: rgb(var(--spectrum-global-color-static-gray-800-rgb)); - --spectrum-global-color-static-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-static-gray-900: rgb(var(--spectrum-global-color-static-gray-900-rgb)); - --spectrum-global-color-static-red-400-rgb: 237, 64, 48; - --spectrum-global-color-static-red-400: rgb(var(--spectrum-global-color-static-red-400-rgb)); - --spectrum-global-color-static-red-500-rgb: 217, 28, 21; - --spectrum-global-color-static-red-500: rgb(var(--spectrum-global-color-static-red-500-rgb)); - --spectrum-global-color-static-red-600-rgb: 187, 2, 2; - --spectrum-global-color-static-red-600: rgb(var(--spectrum-global-color-static-red-600-rgb)); - --spectrum-global-color-static-red-700-rgb: 154, 0, 0; - --spectrum-global-color-static-red-700: rgb(var(--spectrum-global-color-static-red-700-rgb)); - --spectrum-global-color-static-red-800-rgb: 124, 0, 0; - --spectrum-global-color-static-red-800: rgb(var(--spectrum-global-color-static-red-800-rgb)); - --spectrum-global-color-static-orange-400-rgb: 250, 139, 26; - --spectrum-global-color-static-orange-400: rgb(var(--spectrum-global-color-static-orange-400-rgb)); - --spectrum-global-color-static-orange-500-rgb: 233, 117, 0; - --spectrum-global-color-static-orange-500: rgb(var(--spectrum-global-color-static-orange-500-rgb)); - --spectrum-global-color-static-orange-600-rgb: 209, 97, 0; - --spectrum-global-color-static-orange-600: rgb(var(--spectrum-global-color-static-orange-600-rgb)); - --spectrum-global-color-static-orange-700-rgb: 182, 80, 0; - --spectrum-global-color-static-orange-700: rgb(var(--spectrum-global-color-static-orange-700-rgb)); - --spectrum-global-color-static-orange-800-rgb: 155, 64, 0; - --spectrum-global-color-static-orange-800: rgb(var(--spectrum-global-color-static-orange-800-rgb)); - --spectrum-global-color-static-yellow-200-rgb: 250, 237, 123; - --spectrum-global-color-static-yellow-200: rgb(var(--spectrum-global-color-static-yellow-200-rgb)); - --spectrum-global-color-static-yellow-300-rgb: 250, 224, 23; - --spectrum-global-color-static-yellow-300: rgb(var(--spectrum-global-color-static-yellow-300-rgb)); - --spectrum-global-color-static-yellow-400-rgb: 238, 205, 0; - --spectrum-global-color-static-yellow-400: rgb(var(--spectrum-global-color-static-yellow-400-rgb)); - --spectrum-global-color-static-yellow-500-rgb: 221, 185, 0; - --spectrum-global-color-static-yellow-500: rgb(var(--spectrum-global-color-static-yellow-500-rgb)); - --spectrum-global-color-static-yellow-600-rgb: 201, 164, 0; - --spectrum-global-color-static-yellow-600: rgb(var(--spectrum-global-color-static-yellow-600-rgb)); - --spectrum-global-color-static-yellow-700-rgb: 181, 144, 0; - --spectrum-global-color-static-yellow-700: rgb(var(--spectrum-global-color-static-yellow-700-rgb)); - --spectrum-global-color-static-yellow-800-rgb: 160, 125, 0; - --spectrum-global-color-static-yellow-800: rgb(var(--spectrum-global-color-static-yellow-800-rgb)); - --spectrum-global-color-static-chartreuse-300-rgb: 176, 222, 27; - --spectrum-global-color-static-chartreuse-300: rgb(var(--spectrum-global-color-static-chartreuse-300-rgb)); - --spectrum-global-color-static-chartreuse-400-rgb: 157, 203, 13; - --spectrum-global-color-static-chartreuse-400: rgb(var(--spectrum-global-color-static-chartreuse-400-rgb)); - --spectrum-global-color-static-chartreuse-500-rgb: 139, 182, 4; - --spectrum-global-color-static-chartreuse-500: rgb(var(--spectrum-global-color-static-chartreuse-500-rgb)); - --spectrum-global-color-static-chartreuse-600-rgb: 122, 162, 0; - --spectrum-global-color-static-chartreuse-600: rgb(var(--spectrum-global-color-static-chartreuse-600-rgb)); - --spectrum-global-color-static-chartreuse-700-rgb: 106, 141, 0; - --spectrum-global-color-static-chartreuse-700: rgb(var(--spectrum-global-color-static-chartreuse-700-rgb)); - --spectrum-global-color-static-chartreuse-800-rgb: 90, 120, 0; - --spectrum-global-color-static-chartreuse-800: rgb(var(--spectrum-global-color-static-chartreuse-800-rgb)); - --spectrum-global-color-static-celery-200-rgb: 126, 229, 114; - --spectrum-global-color-static-celery-200: rgb(var(--spectrum-global-color-static-celery-200-rgb)); - --spectrum-global-color-static-celery-300-rgb: 87, 212, 86; - --spectrum-global-color-static-celery-300: rgb(var(--spectrum-global-color-static-celery-300-rgb)); - --spectrum-global-color-static-celery-400-rgb: 48, 193, 61; - --spectrum-global-color-static-celery-400: rgb(var(--spectrum-global-color-static-celery-400-rgb)); - --spectrum-global-color-static-celery-500-rgb: 15, 172, 38; - --spectrum-global-color-static-celery-500: rgb(var(--spectrum-global-color-static-celery-500-rgb)); - --spectrum-global-color-static-celery-600-rgb: 0, 150, 20; - --spectrum-global-color-static-celery-600: rgb(var(--spectrum-global-color-static-celery-600-rgb)); - --spectrum-global-color-static-celery-700-rgb: 0, 128, 15; - --spectrum-global-color-static-celery-700: rgb(var(--spectrum-global-color-static-celery-700-rgb)); - --spectrum-global-color-static-celery-800-rgb: 0, 107, 15; - --spectrum-global-color-static-celery-800: rgb(var(--spectrum-global-color-static-celery-800-rgb)); - --spectrum-global-color-static-green-400-rgb: 29, 169, 115; - --spectrum-global-color-static-green-400: rgb(var(--spectrum-global-color-static-green-400-rgb)); - --spectrum-global-color-static-green-500-rgb: 0, 148, 97; - --spectrum-global-color-static-green-500: rgb(var(--spectrum-global-color-static-green-500-rgb)); - --spectrum-global-color-static-green-600-rgb: 0, 126, 80; - --spectrum-global-color-static-green-600: rgb(var(--spectrum-global-color-static-green-600-rgb)); - --spectrum-global-color-static-green-700-rgb: 0, 105, 65; - --spectrum-global-color-static-green-700: rgb(var(--spectrum-global-color-static-green-700-rgb)); - --spectrum-global-color-static-green-800-rgb: 0, 86, 53; - --spectrum-global-color-static-green-800: rgb(var(--spectrum-global-color-static-green-800-rgb)); - --spectrum-global-color-static-seafoam-200-rgb: 75, 206, 199; - --spectrum-global-color-static-seafoam-200: rgb(var(--spectrum-global-color-static-seafoam-200-rgb)); - --spectrum-global-color-static-seafoam-300-rgb: 32, 187, 180; - --spectrum-global-color-static-seafoam-300: rgb(var(--spectrum-global-color-static-seafoam-300-rgb)); - --spectrum-global-color-static-seafoam-400-rgb: 0, 166, 160; - --spectrum-global-color-static-seafoam-400: rgb(var(--spectrum-global-color-static-seafoam-400-rgb)); - --spectrum-global-color-static-seafoam-500-rgb: 0, 145, 139; - --spectrum-global-color-static-seafoam-500: rgb(var(--spectrum-global-color-static-seafoam-500-rgb)); - --spectrum-global-color-static-seafoam-600-rgb: 0, 124, 118; - --spectrum-global-color-static-seafoam-600: rgb(var(--spectrum-global-color-static-seafoam-600-rgb)); - --spectrum-global-color-static-seafoam-700-rgb: 0, 103, 99; - --spectrum-global-color-static-seafoam-700: rgb(var(--spectrum-global-color-static-seafoam-700-rgb)); - --spectrum-global-color-static-seafoam-800-rgb: 10, 83, 80; - --spectrum-global-color-static-seafoam-800: rgb(var(--spectrum-global-color-static-seafoam-800-rgb)); - --spectrum-global-color-static-blue-200-rgb: 130, 193, 251; - --spectrum-global-color-static-blue-200: rgb(var(--spectrum-global-color-static-blue-200-rgb)); - --spectrum-global-color-static-blue-300-rgb: 98, 173, 247; - --spectrum-global-color-static-blue-300: rgb(var(--spectrum-global-color-static-blue-300-rgb)); - --spectrum-global-color-static-blue-400-rgb: 66, 151, 244; - --spectrum-global-color-static-blue-400: rgb(var(--spectrum-global-color-static-blue-400-rgb)); - --spectrum-global-color-static-blue-500-rgb: 27, 127, 245; - --spectrum-global-color-static-blue-500: rgb(var(--spectrum-global-color-static-blue-500-rgb)); - --spectrum-global-color-static-blue-600-rgb: 4, 105, 227; - --spectrum-global-color-static-blue-600: rgb(var(--spectrum-global-color-static-blue-600-rgb)); - --spectrum-global-color-static-blue-700-rgb: 0, 87, 190; - --spectrum-global-color-static-blue-700: rgb(var(--spectrum-global-color-static-blue-700-rgb)); - --spectrum-global-color-static-blue-800-rgb: 0, 72, 153; - --spectrum-global-color-static-blue-800: rgb(var(--spectrum-global-color-static-blue-800-rgb)); - --spectrum-global-color-static-indigo-200-rgb: 178, 181, 255; - --spectrum-global-color-static-indigo-200: rgb(var(--spectrum-global-color-static-indigo-200-rgb)); - --spectrum-global-color-static-indigo-300-rgb: 155, 159, 255; - --spectrum-global-color-static-indigo-300: rgb(var(--spectrum-global-color-static-indigo-300-rgb)); - --spectrum-global-color-static-indigo-400-rgb: 132, 137, 253; - --spectrum-global-color-static-indigo-400: rgb(var(--spectrum-global-color-static-indigo-400-rgb)); - --spectrum-global-color-static-indigo-500-rgb: 109, 115, 246; - --spectrum-global-color-static-indigo-500: rgb(var(--spectrum-global-color-static-indigo-500-rgb)); - --spectrum-global-color-static-indigo-600-rgb: 87, 93, 232; - --spectrum-global-color-static-indigo-600: rgb(var(--spectrum-global-color-static-indigo-600-rgb)); - --spectrum-global-color-static-indigo-700-rgb: 68, 74, 208; - --spectrum-global-color-static-indigo-700: rgb(var(--spectrum-global-color-static-indigo-700-rgb)); - --spectrum-global-color-static-indigo-800-rgb: 68, 74, 208; - --spectrum-global-color-static-indigo-800: rgb(var(--spectrum-global-color-static-indigo-800-rgb)); - --spectrum-global-color-static-purple-400-rgb: 178, 121, 250; - --spectrum-global-color-static-purple-400: rgb(var(--spectrum-global-color-static-purple-400-rgb)); - --spectrum-global-color-static-purple-500-rgb: 161, 93, 246; - --spectrum-global-color-static-purple-500: rgb(var(--spectrum-global-color-static-purple-500-rgb)); - --spectrum-global-color-static-purple-600-rgb: 142, 67, 234; - --spectrum-global-color-static-purple-600: rgb(var(--spectrum-global-color-static-purple-600-rgb)); - --spectrum-global-color-static-purple-700-rgb: 120, 43, 216; - --spectrum-global-color-static-purple-700: rgb(var(--spectrum-global-color-static-purple-700-rgb)); - --spectrum-global-color-static-purple-800-rgb: 98, 23, 190; - --spectrum-global-color-static-purple-800: rgb(var(--spectrum-global-color-static-purple-800-rgb)); - --spectrum-global-color-static-fuchsia-400-rgb: 228, 93, 230; - --spectrum-global-color-static-fuchsia-400: rgb(var(--spectrum-global-color-static-fuchsia-400-rgb)); - --spectrum-global-color-static-fuchsia-500-rgb: 211, 63, 212; - --spectrum-global-color-static-fuchsia-500: rgb(var(--spectrum-global-color-static-fuchsia-500-rgb)); - --spectrum-global-color-static-fuchsia-600-rgb: 188, 39, 187; - --spectrum-global-color-static-fuchsia-600: rgb(var(--spectrum-global-color-static-fuchsia-600-rgb)); - --spectrum-global-color-static-fuchsia-700-rgb: 163, 10, 163; - --spectrum-global-color-static-fuchsia-700: rgb(var(--spectrum-global-color-static-fuchsia-700-rgb)); - --spectrum-global-color-static-fuchsia-800-rgb: 135, 0, 136; - --spectrum-global-color-static-fuchsia-800: rgb(var(--spectrum-global-color-static-fuchsia-800-rgb)); - --spectrum-global-color-static-magenta-200-rgb: 253, 127, 175; - --spectrum-global-color-static-magenta-200: rgb(var(--spectrum-global-color-static-magenta-200-rgb)); - --spectrum-global-color-static-magenta-300-rgb: 242, 98, 157; - --spectrum-global-color-static-magenta-300: rgb(var(--spectrum-global-color-static-magenta-300-rgb)); - --spectrum-global-color-static-magenta-400-rgb: 226, 68, 135; - --spectrum-global-color-static-magenta-400: rgb(var(--spectrum-global-color-static-magenta-400-rgb)); - --spectrum-global-color-static-magenta-500-rgb: 205, 40, 111; - --spectrum-global-color-static-magenta-500: rgb(var(--spectrum-global-color-static-magenta-500-rgb)); - --spectrum-global-color-static-magenta-600-rgb: 179, 15, 89; - --spectrum-global-color-static-magenta-600: rgb(var(--spectrum-global-color-static-magenta-600-rgb)); - --spectrum-global-color-static-magenta-700-rgb: 149, 0, 72; - --spectrum-global-color-static-magenta-700: rgb(var(--spectrum-global-color-static-magenta-700-rgb)); - --spectrum-global-color-static-magenta-800-rgb: 119, 0, 58; - --spectrum-global-color-static-magenta-800: rgb(var(--spectrum-global-color-static-magenta-800-rgb)); - --spectrum-global-color-static-transparent-white-200: rgba(255,255,255,0.1); - --spectrum-global-color-static-transparent-white-300: rgba(255,255,255,0.25); - --spectrum-global-color-static-transparent-white-400: rgba(255,255,255,0.4); - --spectrum-global-color-static-transparent-white-500: rgba(255,255,255,0.55); - --spectrum-global-color-static-transparent-white-600: rgba(255,255,255,0.7); - --spectrum-global-color-static-transparent-white-700: rgba(255,255,255,0.8); - --spectrum-global-color-static-transparent-white-800: rgba(255,255,255,0.9); - --spectrum-global-color-static-transparent-white-900-rgb: 255,255,255; - --spectrum-global-color-static-transparent-white-900: rgb(var(--spectrum-global-color-static-transparent-white-900-rgb)); - --spectrum-global-color-static-transparent-black-200: rgba(0,0,0,0.1); - --spectrum-global-color-static-transparent-black-300: rgba(0,0,0,0.25); - --spectrum-global-color-static-transparent-black-400: rgba(0,0,0,0.4); - --spectrum-global-color-static-transparent-black-500: rgba(0,0,0,0.55); - --spectrum-global-color-static-transparent-black-600: rgba(0,0,0,0.7); - --spectrum-global-color-static-transparent-black-700: rgba(0,0,0,0.8); - --spectrum-global-color-static-transparent-black-800: rgba(0,0,0,0.9); - --spectrum-global-color-static-transparent-black-900-rgb: 0,0,0; - --spectrum-global-color-static-transparent-black-900: rgb(var(--spectrum-global-color-static-transparent-black-900-rgb)); - --spectrum-global-color-sequential-cerulean: #E9FFF1,#C8F1E4,#A5E3D7,#82D5CA,#68C5C1,#54B4BA,#3FA2B2,#2991AC,#2280A2,#1F6D98,#1D5C8D,#1A4B83,#1A3979,#1A266F,#191264,#180057; - --spectrum-global-color-sequential-forest: #FFFFDF,#E2F6BA,#C4EB95,#A4E16D,#8DD366,#77C460,#5FB65A,#48A754,#36984F,#2C894D,#237A4A,#196B47,#105C45,#094D41,#033F3E,#00313A; - --spectrum-global-color-sequential-rose: #FFF4DD,#FFDDD7,#FFC5D2,#FEAECB,#FA96C4,#F57EBD,#EF64B5,#E846AD,#D238A1,#BB2E96,#A3248C,#8A1B83,#71167C,#560F74,#370B6E,#000968; - --spectrum-global-color-diverging-orange-yellow-seafoam: #580000,#79260B,#9C4511,#BD651A,#DD8629,#F5AD52,#FED693,#FFFFE0,#BBE4D1,#76C7BE,#3EA8A6,#208288,#076769,#00494B,#002C2D; - --spectrum-global-color-diverging-red-yellow-blue: #4A001E,#751232,#A52747,#C65154,#E47961,#F0A882,#FAD4AC,#FFFFE0,#BCE2CF,#89C0C4,#579EB9,#397AA8,#1C5796,#163771,#10194D; - --spectrum-global-color-diverging-red-blue: #4A001E,#731331,#9F2945,#CC415A,#E06E85,#ED9AB0,#F8C3D9,#FAF0FF,#C6D0F2,#92B2DE,#5D94CB,#2F74B3,#265191,#163670,#0B194C; -} diff --git a/components/expressvars/css/globals/spectrum-colorSemantics.css b/components/expressvars/css/globals/spectrum-colorSemantics.css deleted file mode 100644 index d9f16d26e49..00000000000 --- a/components/expressvars/css/globals/spectrum-colorSemantics.css +++ /dev/null @@ -1,86 +0,0 @@ -:root { - --spectrum-semantic-cta-background-color-default: var(--spectrum-global-color-static-indigo-600); - --spectrum-semantic-cta-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-semantic-cta-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-semantic-cta-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-semantic-emphasized-border-color-default: var(--spectrum-global-color-indigo-500); - --spectrum-semantic-emphasized-border-color-hover: var(--spectrum-global-color-indigo-600); - --spectrum-semantic-emphasized-border-color-down: var(--spectrum-global-color-indigo-700); - --spectrum-semantic-emphasized-border-color-key-focus: var(--spectrum-global-color-indigo-600); - --spectrum-semantic-neutral-background-color-default: var(--spectrum-global-color-static-gray-800); - --spectrum-semantic-negative-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500); - --spectrum-semantic-negative-color-hover: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-border-color: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-icon-color: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-status-color: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-text-color-large: var(--spectrum-global-color-red-500); - --spectrum-semantic-negative-text-color-small: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-text-color-small-hover: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-text-color-small-down: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-text-color-small-key-focus: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-color-down: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-color-key-focus: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-background-color-default: var(--spectrum-global-color-static-red-600); - --spectrum-semantic-negative-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-semantic-negative-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-semantic-negative-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-semantic-notice-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500); - --spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-border-color: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-icon-color: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-status-color: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-text-color-large: var(--spectrum-global-color-orange-500); - --spectrum-semantic-notice-text-color-small: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-color-down: var(--spectrum-global-color-orange-700); - --spectrum-semantic-notice-color-key-focus: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-background-color-default: var(--spectrum-global-color-static-orange-600); - --spectrum-semantic-notice-background-color-hover: var(--spectrum-global-color-static-orange-700); - --spectrum-semantic-notice-background-color-down: var(--spectrum-global-color-static-orange-800); - --spectrum-semantic-notice-background-color-key-focus: var(--spectrum-global-color-static-orange-700); - --spectrum-semantic-positive-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500); - --spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-border-color: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-icon-color: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-status-color: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-text-color-large: var(--spectrum-global-color-green-500); - --spectrum-semantic-positive-text-color-small: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-color-down: var(--spectrum-global-color-green-700); - --spectrum-semantic-positive-color-key-focus: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-background-color-default: var(--spectrum-global-color-static-green-600); - --spectrum-semantic-positive-background-color-hover: var(--spectrum-global-color-static-green-700); - --spectrum-semantic-positive-background-color-down: var(--spectrum-global-color-static-green-800); - --spectrum-semantic-positive-background-color-key-focus: var(--spectrum-global-color-static-green-700); - --spectrum-semantic-informative-background-color: var(--spectrum-global-color-static-blue-600); - --spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500); - --spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-border-color: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-icon-color: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-status-color: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-text-color-large: var(--spectrum-global-color-blue-500); - --spectrum-semantic-informative-text-color-small: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-color-down: var(--spectrum-global-color-blue-700); - --spectrum-semantic-informative-color-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-background-color-default: var(--spectrum-global-color-static-blue-600); - --spectrum-semantic-informative-background-color-hover: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-informative-background-color-down: var(--spectrum-global-color-static-blue-800); - --spectrum-semantic-informative-background-color-key-focus: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-neutral-background-color-hover: var(--spectrum-global-color-static-gray-800); - --spectrum-semantic-neutral-background-color-down: var(--spectrum-global-color-static-gray-900); - --spectrum-semantic-neutral-background-color-key-focus: var(--spectrum-global-color-static-gray-800); - --spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500); - --spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400); - --spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400); - --spectrum-semantic-presence-color-4-rgb: 75, 204, 162; - --spectrum-semantic-presence-color-4: rgb(var(--spectrum-semantic-presence-color-4-rgb)); - --spectrum-semantic-presence-color-5-rgb: 0, 199, 255; - --spectrum-semantic-presence-color-5: rgb(var(--spectrum-semantic-presence-color-5-rgb)); - --spectrum-semantic-presence-color-6-rgb: 0, 140, 184; - --spectrum-semantic-presence-color-6: rgb(var(--spectrum-semantic-presence-color-6-rgb)); - --spectrum-semantic-presence-color-7-rgb: 126, 75, 243; - --spectrum-semantic-presence-color-7: rgb(var(--spectrum-semantic-presence-color-7-rgb)); - --spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600); -} diff --git a/components/expressvars/css/globals/spectrum-dimensionAliases.css b/components/expressvars/css/globals/spectrum-dimensionAliases.css deleted file mode 100644 index cc9f1f7af1c..00000000000 --- a/components/expressvars/css/globals/spectrum-dimensionAliases.css +++ /dev/null @@ -1,351 +0,0 @@ -:root { - --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400); - --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500); - --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600); - --spectrum-alias-item-rounded-border-radius-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-rounded-border-radius-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-rounded-border-radius-l: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-rounded-border-radius-xl: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-text-size-s: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-item-text-size-m: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-item-text-size-l: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-item-text-size-xl: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-item-text-padding-top-s: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-item-text-padding-top-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-text-padding-top-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-text-padding-bottom-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-text-padding-bottom-l: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-text-padding-bottom-xl: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-icon-padding-top-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icon-padding-top-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icon-padding-top-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icon-padding-top-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-icon-padding-bottom-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icon-padding-bottom-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icon-padding-bottom-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icon-padding-bottom-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-rounded-padding-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-rounded-padding-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-rounded-padding-l: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-rounded-padding-xl: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-icononly-padding-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icononly-padding-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icononly-padding-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icononly-padding-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-gap-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-gap-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-gap-l: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-control-gap-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-workflow-icon-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-workflow-icon-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-workflow-icon-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-workflow-icon-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-ui-icon-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-ui-icon-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-ui-icon-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-ui-icon-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-clearbutton-gap-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-clearbutton-gap-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-clearbutton-gap-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-clearbutton-gap-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-workflow-padding-left-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-workflow-padding-left-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-workflow-padding-left-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-rounded-workflow-padding-left-s: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-rounded-workflow-padding-left-l: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-mark-padding-top-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-item-mark-padding-top-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-padding-top-xl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-mark-padding-bottom-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-item-mark-padding-bottom-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-padding-bottom-xl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-mark-padding-left-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-mark-padding-left-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-mark-padding-left-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-control-1-size-s: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-item-control-1-size-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-2-size-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-control-2-size-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-control-2-size-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-control-2-size-xxl: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-control-2-border-radius-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-2-border-radius-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-control-2-border-radius-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-2-border-radius-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-2-border-radius-xxl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-2-padding-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-2-padding-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-2-padding-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-2-padding-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-control-3-height-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-control-3-height-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-control-3-height-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-control-3-border-radius-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-3-border-radius-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-control-3-border-radius-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-3-border-radius-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-3-padding-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-3-padding-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-3-padding-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-padding-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-mark-size-s: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-mark-size-l: var(--spectrum-global-dimension-size-275); - --spectrum-alias-item-mark-size-xl: var(--spectrum-global-dimension-size-325); - --spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); - --spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100); - --spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700); - --spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); - --spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600); - --spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400); - --spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); - --spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-alias-heading-han-s-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-han-xs-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-han-xxs-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); - --spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700); - --spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500); - --spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-han-s-margin-top: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-han-xs-margin-top: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-han-xxs-margin-top: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-component-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-alias-component-border-radius-quiet: var(--spectrum-global-dimension-size-75); - --spectrum-alias-component-focusring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-component-focusring-gap-emphasized: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-component-focusring-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-component-focusring-size-emphasized: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-input-quiet-focusline-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-25); - --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-40); - --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-75); - --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-125); - --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-150); - --spectrum-alias-border-radius-xlarge: var(--spectrum-global-dimension-size-300); - --spectrum-alias-focus-ring-border-radius-xsmall: var(--spectrum-global-dimension-size-75); - --spectrum-alias-focus-ring-border-radius-medium: var(--spectrum-global-dimension-size-175); - --spectrum-alias-focus-ring-border-radius-large: var(--spectrum-global-dimension-size-200); - --spectrum-alias-focus-ring-border-radius-xlarge: var(--spectrum-global-dimension-size-350); - --spectrum-alias-control-two-size-s: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-two-size-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-control-two-size-l: var(--spectrum-global-dimension-size-225); - --spectrum-alias-control-two-size-xl: var(--spectrum-global-dimension-size-250); - --spectrum-alias-control-two-size-xxl: var(--spectrum-global-dimension-size-275); - --spectrum-alias-control-two-border-radius-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-control-two-border-radius-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-control-two-border-radius-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-control-two-border-radius-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-control-two-border-radius-xxl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-control-two-focus-ring-border-radius-s: var(--spectrum-global-dimension-size-130); - --spectrum-alias-control-two-focus-ring-border-radius-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-control-two-focus-ring-border-radius-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-control-two-focus-ring-border-radius-xl: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-two-focus-ring-border-radius-xxl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-control-three-height-s: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-three-height-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-control-three-height-l: var(--spectrum-global-dimension-size-225); - --spectrum-alias-control-three-height-xl: var(--spectrum-global-dimension-size-250); - --spectrum-alias-control-three-width-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-infieldbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-10); - --spectrum-alias-infieldbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-40); - --spectrum-alias-infieldbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-75); - --spectrum-alias-infieldbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-infieldbutton-padding-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-padding-m: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-padding-l: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-padding-xl: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-border-radius: var(--spectrum-global-dimension-size-40); - --spectrum-alias-infieldbutton-border-radius-sided: var(--spectrum-global-dimension-size-40); - --spectrum-alias-infieldbutton-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-infieldbutton-fill-padding-s: var(--spectrum-global-dimension-size-10); - --spectrum-alias-infieldbutton-fill-padding-m: var(--spectrum-global-dimension-size-40); - --spectrum-alias-infieldbutton-fill-padding-l: var(--spectrum-global-dimension-size-75); - --spectrum-alias-infieldbutton-fill-padding-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-infieldbutton-full-height-s: var(--spectrum-global-dimension-size-200); - --spectrum-alias-infieldbutton-full-height-m: var(--spectrum-global-dimension-size-300); - --spectrum-alias-infieldbutton-full-height-l: var(--spectrum-global-dimension-size-400); - --spectrum-alias-infieldbutton-full-height-xl: var(--spectrum-global-dimension-size-500); - --spectrum-alias-infieldbutton-half-height-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-infieldbutton-half-height-m: var(--spectrum-global-dimension-size-130); - --spectrum-alias-infieldbutton-half-height-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-infieldbutton-half-height-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-stepperbutton-gap: var(--spectrum-global-dimension-size-25); - --spectrum-alias-stepperbutton-width-s: var(--spectrum-global-dimension-size-225); - --spectrum-alias-stepperbutton-width-m: var(--spectrum-global-dimension-size-250); - --spectrum-alias-stepperbutton-width-l: var(--spectrum-global-dimension-size-275); - --spectrum-alias-stepperbutton-width-xl: var(--spectrum-global-dimension-size-325); - --spectrum-alias-stepperbutton-icon-x-offset-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-stepperbutton-icon-x-offset-m: var(--spectrum-global-dimension-size-65); - --spectrum-alias-stepperbutton-icon-x-offset-l: var(--spectrum-global-dimension-size-65); - --spectrum-alias-stepperbutton-icon-x-offset-xl: var(--spectrum-global-dimension-size-75); - --spectrum-alias-stepperbutton-icon-y-offset-top-s: 0; - --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(--spectrum-global-dimension-size-10); - --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(--spectrum-global-dimension-size-10); - --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(--spectrum-global-dimension-size-10); - --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: 0; - --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: 0; - --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: 0; - --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: 0; - --spectrum-alias-stepperbutton-radius-touching: var(--spectrum-global-dimension-size-25); - --spectrum-alias-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-130); - --spectrum-alias-clearbutton-icon-margin-xl: var(--spectrum-global-dimension-size-175); - --spectrum-alias-clearbutton-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-alias-pickerbutton-icononly-padding-x-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-pickerbutton-icononly-padding-x-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-pickerbutton-icononly-padding-x-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-pickerbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-pickerbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-pickerbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-pickerbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-pickerbutton-label-padding-y-s: 0; - --spectrum-alias-pickerbutton-label-padding-y-m: var(--spectrum-global-dimension-size-40); - --spectrum-alias-pickerbutton-label-padding-y-l: var(--spectrum-global-dimension-size-65); - --spectrum-alias-pickerbutton-label-padding-y-xl: var(--spectrum-global-dimension-size-100); - --spectrum-alias-pickerbutton-border-radius-rounded: var(--spectrum-global-dimension-size-150); - --spectrum-alias-pickerbutton-border-radius-rounded-sided: var(--spectrum-global-dimension-size-150); - --spectrum-alias-search-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-alias-combobox-quiet-button-offset-x: var(--spectrum-global-dimension-size-50); - --spectrum-alias-thumbnail-border-radius-small: var(--spectrum-global-dimension-size-75); - --spectrum-alias-focus-ring-gap-small: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-size-small: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-avatar-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-actiongroup-button-gap: var(--spectrum-global-dimension-size-100); - --spectrum-alias-actiongroup-button-gap-compact: var(--spectrum-global-dimension-size-25); - --spectrum-alias-actiongroup-button-gap-quiet: var(--spectrum-global-dimension-size-100); - --spectrum-alias-actiongroup-button-gap-quiet-compact: var(--spectrum-global-dimension-size-25); - --spectrum-alias-search-padding-left-s: var(--spectrum-global-dimension-size-125); - --spectrum-alias-search-padding-left-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-search-padding-left-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-search-padding-left-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-tag-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-alias-tag-border-size-default: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-tag-border-size-disabled: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-tag-border-size-key-focus: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-tag-padding-right-s: var(--spectrum-global-dimension-size-125); - --spectrum-alias-tag-padding-right-m: var(--spectrum-global-dimension-size-130); - --spectrum-alias-tag-padding-right-l: var(--spectrum-global-dimension-size-175); - --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250); - --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300); - --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400); - --spectrum-alias-tag-font-size-s: var(--spectrum-global-dimension-font-size-50); - --spectrum-alias-tag-font-size-m: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-tag-font-size-l: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-tag-text-padding-top-m: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-text-padding-top-l: var(--spectrum-global-dimension-size-85); - --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175); - --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-tag-icon-margin-top-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-tag-icon-margin-top-m: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-icon-margin-top-l: var(--spectrum-global-dimension-size-85); - --spectrum-alias-tag-clearbutton-width-s: var(--spectrum-global-dimension-size-175); - --spectrum-alias-tag-clearbutton-width-m: var(--spectrum-global-dimension-size-225); - --spectrum-alias-tag-clearbutton-width-l: var(--spectrum-global-dimension-size-350); - --spectrum-alias-tag-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-30); - --spectrum-alias-tag-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-tag-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-alias-tag-focusring-gap: var(--spectrum-global-dimension-size-25); - --spectrum-alias-colorloupe-width: var(--spectrum-global-dimension-static-size-450); - --spectrum-alias-colorloupe-height: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-search-border-radius-quiet: 0; - --spectrum-alias-percent-50: 50%; - --spectrum-alias-percent-70: 70%; - --spectrum-alias-percent-100: 100%; - --spectrum-alias-breakpoint-xsmall: 304px; - --spectrum-alias-breakpoint-small: 768px; - --spectrum-alias-breakpoint-medium: 1280px; - --spectrum-alias-breakpoint-large: 1768px; - --spectrum-alias-breakpoint-xlarge: 2160px; - --spectrum-alias-grid-columns: 12; - --spectrum-alias-grid-fluid-width: 100%; - --spectrum-alias-grid-fixed-max-width: 1280px; - --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50); - --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10); - --spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100); - --spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400); - --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400); - --spectrum-alias-workflow-icon-size-s: var(--spectrum-global-dimension-size-200); - --spectrum-alias-workflow-icon-size-m: var(--spectrum-global-dimension-size-225); - --spectrum-alias-workflow-icon-size-xl: var(--spectrum-global-dimension-size-275); - --spectrum-alias-ui-icon-alert-size-75: var(--spectrum-global-dimension-size-200); - --spectrum-alias-ui-icon-alert-size-100: var(--spectrum-global-dimension-size-225); - --spectrum-alias-ui-icon-alert-size-200: var(--spectrum-global-dimension-size-250); - --spectrum-alias-ui-icon-alert-size-300: var(--spectrum-global-dimension-size-275); - --spectrum-alias-ui-icon-triplegripper-size-100-height: var(--spectrum-global-dimension-size-100); - --spectrum-alias-ui-icon-doublegripper-size-100-width: var(--spectrum-global-dimension-size-200); - --spectrum-alias-ui-icon-singlegripper-size-100-width: var(--spectrum-global-dimension-size-300); - --spectrum-alias-ui-icon-cornertriangle-size-75: var(--spectrum-global-dimension-size-65); - --spectrum-alias-ui-icon-cornertriangle-size-200: var(--spectrum-global-dimension-size-75); - --spectrum-alias-ui-icon-asterisk-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-asterisk-size-100: var(--spectrum-global-dimension-size-100); - --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200); - --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225); - --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275); - --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325); - --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400); - --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500); - --spectrum-alias-tag-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-tag-icon-margin-right-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-tag-icon-margin-right-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-tag-icon-margin-right-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-tag-focusring-size: var(--spectrum-global-dimension-size-25); - --spectrum-alias-tag-focusring-gap-selected: var(--spectrum-global-dimension-size-25); -} diff --git a/components/expressvars/css/globals/spectrum-dimensionGlobals.css b/components/expressvars/css/globals/spectrum-dimensionGlobals.css deleted file mode 100644 index 370ccf7909d..00000000000 --- a/components/expressvars/css/globals/spectrum-dimensionGlobals.css +++ /dev/null @@ -1,73 +0,0 @@ -:root { - --spectrum-global-dimension-static-percent-50: 50%; - --spectrum-global-dimension-static-percent-70: 70%; - --spectrum-global-dimension-static-percent-100: 100%; - --spectrum-global-dimension-static-breakpoint-xsmall: 304px; - --spectrum-global-dimension-static-breakpoint-small: 768px; - --spectrum-global-dimension-static-breakpoint-medium: 1280px; - --spectrum-global-dimension-static-breakpoint-large: 1768px; - --spectrum-global-dimension-static-breakpoint-xlarge: 2160px; - --spectrum-global-dimension-static-grid-columns: 12; - --spectrum-global-dimension-static-grid-fluid-width: 100%; - --spectrum-global-dimension-static-grid-fixed-max-width: 1280px; - --spectrum-global-dimension-static-size-0: 0px; - --spectrum-global-dimension-static-size-10: 1px; - --spectrum-global-dimension-static-size-25: 2px; - --spectrum-global-dimension-static-size-40: 3px; - --spectrum-global-dimension-static-size-50: 4px; - --spectrum-global-dimension-static-size-65: 5px; - --spectrum-global-dimension-static-size-75: 6px; - --spectrum-global-dimension-static-size-85: 7px; - --spectrum-global-dimension-static-size-100: 8px; - --spectrum-global-dimension-static-size-115: 9px; - --spectrum-global-dimension-static-size-125: 10px; - --spectrum-global-dimension-static-size-130: 11px; - --spectrum-global-dimension-static-size-150: 12px; - --spectrum-global-dimension-static-size-160: 13px; - --spectrum-global-dimension-static-size-175: 14px; - --spectrum-global-dimension-static-size-185: 15px; - --spectrum-global-dimension-static-size-200: 16px; - --spectrum-global-dimension-static-size-225: 18px; - --spectrum-global-dimension-static-size-250: 20px; - --spectrum-global-dimension-static-size-275: 22px; - --spectrum-global-dimension-static-size-300: 24px; - --spectrum-global-dimension-static-size-325: 26px; - --spectrum-global-dimension-static-size-350: 28px; - --spectrum-global-dimension-static-size-400: 32px; - --spectrum-global-dimension-static-size-450: 36px; - --spectrum-global-dimension-static-size-500: 40px; - --spectrum-global-dimension-static-size-550: 44px; - --spectrum-global-dimension-static-size-600: 48px; - --spectrum-global-dimension-static-size-700: 56px; - --spectrum-global-dimension-static-size-800: 64px; - --spectrum-global-dimension-static-size-900: 72px; - --spectrum-global-dimension-static-size-1000: 80px; - --spectrum-global-dimension-static-size-1200: 96px; - --spectrum-global-dimension-static-size-1700: 136px; - --spectrum-global-dimension-static-size-2400: 192px; - --spectrum-global-dimension-static-size-2500: 200px; - --spectrum-global-dimension-static-size-2600: 208px; - --spectrum-global-dimension-static-size-2800: 224px; - --spectrum-global-dimension-static-size-3200: 256px; - --spectrum-global-dimension-static-size-3400: 272px; - --spectrum-global-dimension-static-size-3500: 280px; - --spectrum-global-dimension-static-size-3600: 288px; - --spectrum-global-dimension-static-size-3800: 304px; - --spectrum-global-dimension-static-size-4600: 368px; - --spectrum-global-dimension-static-size-5000: 400px; - --spectrum-global-dimension-static-size-6000: 480px; - --spectrum-global-dimension-static-size-16000: 1280px; - --spectrum-global-dimension-static-font-size-50: 11px; - --spectrum-global-dimension-static-font-size-75: 12px; - --spectrum-global-dimension-static-font-size-100: 14px; - --spectrum-global-dimension-static-font-size-150: 15px; - --spectrum-global-dimension-static-font-size-200: 16px; - --spectrum-global-dimension-static-font-size-300: 18px; - --spectrum-global-dimension-static-font-size-400: 20px; - --spectrum-global-dimension-static-font-size-500: 22px; - --spectrum-global-dimension-static-font-size-600: 25px; - --spectrum-global-dimension-static-font-size-700: 28px; - --spectrum-global-dimension-static-font-size-800: 32px; - --spectrum-global-dimension-static-font-size-900: 36px; - --spectrum-global-dimension-static-font-size-1000: 40px; -} diff --git a/components/expressvars/css/globals/spectrum-fontGlobals.css b/components/expressvars/css/globals/spectrum-fontGlobals.css deleted file mode 100644 index 13298e5c6fe..00000000000 --- a/components/expressvars/css/globals/spectrum-fontGlobals.css +++ /dev/null @@ -1,33 +0,0 @@ -:root { - --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif; - --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace; - --spectrum-global-font-weight-thin: 100; - --spectrum-global-font-weight-ultra-light: 200; - --spectrum-global-font-weight-light: 300; - --spectrum-global-font-weight-regular: 400; - --spectrum-global-font-weight-medium: 500; - --spectrum-global-font-weight-semi-bold: 600; - --spectrum-global-font-weight-bold: 700; - --spectrum-global-font-weight-extra-bold: 800; - --spectrum-global-font-weight-black: 900; - --spectrum-global-font-style-regular: normal; - --spectrum-global-font-style-italic: italic; - --spectrum-global-font-letter-spacing-none: 0; - --spectrum-global-font-letter-spacing-small: 0.0125em; - --spectrum-global-font-letter-spacing-han: 0.05em; - --spectrum-global-font-letter-spacing-medium: 0.06em; - --spectrum-global-font-line-height-large: 1.7; - --spectrum-global-font-line-height-medium: 1.5; - --spectrum-global-font-line-height-small: 1.3; - --spectrum-global-font-multiplier-0: 0em; - --spectrum-global-font-multiplier-25: 0.25em; - --spectrum-global-font-multiplier-75: 0.75em; - --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif'; - --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif'; - --spectrum-global-font-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif'; - --spectrum-global-font-font-family-ja: adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Osaka', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'; - --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; -} diff --git a/components/expressvars/css/globals/spectrum-staticAliases.css b/components/expressvars/css/globals/spectrum-staticAliases.css deleted file mode 100644 index 5d0476e1706..00000000000 --- a/components/expressvars/css/globals/spectrum-staticAliases.css +++ /dev/null @@ -1,101 +0,0 @@ -:root { - --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-light: var(--spectrum-global-font-weight-light); - --spectrum-alias-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light); - --spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25); - --spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base); - --spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75); - --spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-detail-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular); - --spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code); - --spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular); - --spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-code-margin-bottom: var(--spectrum-global-font-multiplier-0); - --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar); - --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he); - --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh); - --spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans); - --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko); - --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja); - --spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed); - --spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-component-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-han-component-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif); - --spectrum-alias-han-heading-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold); - --spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light); - --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-body-text-line-height: var(--spectrum-global-font-line-height-large); - --spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold); - --spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black); -} diff --git a/components/expressvars/css/scales/spectrum-large.css b/components/expressvars/css/scales/spectrum-large.css deleted file mode 100644 index c68ec9ff73e..00000000000 --- a/components/expressvars/css/scales/spectrum-large.css +++ /dev/null @@ -1,2310 +0,0 @@ -:root { - --spectrum-global-dimension-scale-factor: 1.25; - --spectrum-global-dimension-size-0: 0px; - --spectrum-global-dimension-size-10: 1px; - --spectrum-global-dimension-size-25: 2px; - --spectrum-global-dimension-size-30: 3px; - --spectrum-global-dimension-size-40: 4px; - --spectrum-global-dimension-size-50: 5px; - --spectrum-global-dimension-size-65: 6px; - --spectrum-global-dimension-size-75: 8px; - --spectrum-global-dimension-size-85: 9px; - --spectrum-global-dimension-size-100: 10px; - --spectrum-global-dimension-size-115: 11px; - --spectrum-global-dimension-size-125: 13px; - --spectrum-global-dimension-size-130: 14px; - --spectrum-global-dimension-size-150: 15px; - --spectrum-global-dimension-size-160: 16px; - --spectrum-global-dimension-size-175: 18px; - --spectrum-global-dimension-size-185: 19px; - --spectrum-global-dimension-size-200: 20px; - --spectrum-global-dimension-size-225: 22px; - --spectrum-global-dimension-size-250: 25px; - --spectrum-global-dimension-size-275: 28px; - --spectrum-global-dimension-size-300: 30px; - --spectrum-global-dimension-size-325: 32px; - --spectrum-global-dimension-size-350: 35px; - --spectrum-global-dimension-size-400: 40px; - --spectrum-global-dimension-size-450: 45px; - --spectrum-global-dimension-size-500: 50px; - --spectrum-global-dimension-size-550: 56px; - --spectrum-global-dimension-size-600: 60px; - --spectrum-global-dimension-size-650: 65px; - --spectrum-global-dimension-size-675: 68px; - --spectrum-global-dimension-size-700: 70px; - --spectrum-global-dimension-size-750: 75px; - --spectrum-global-dimension-size-800: 80px; - --spectrum-global-dimension-size-900: 90px; - --spectrum-global-dimension-size-1000: 100px; - --spectrum-global-dimension-size-1125: 112px; - --spectrum-global-dimension-size-1200: 120px; - --spectrum-global-dimension-size-1250: 125px; - --spectrum-global-dimension-size-1600: 160px; - --spectrum-global-dimension-size-1700: 170px; - --spectrum-global-dimension-size-1800: 180px; - --spectrum-global-dimension-size-2000: 200px; - --spectrum-global-dimension-size-2400: 240px; - --spectrum-global-dimension-size-2500: 250px; - --spectrum-global-dimension-size-3000: 300px; - --spectrum-global-dimension-size-3400: 340px; - --spectrum-global-dimension-size-3600: 360px; - --spectrum-global-dimension-size-4600: 460px; - --spectrum-global-dimension-size-5000: 500px; - --spectrum-global-dimension-size-6000: 600px; - --spectrum-global-dimension-font-size-25: 12px; - --spectrum-global-dimension-font-size-50: 13px; - --spectrum-global-dimension-font-size-75: 15px; - --spectrum-global-dimension-font-size-100: 17px; - --spectrum-global-dimension-font-size-150: 18px; - --spectrum-global-dimension-font-size-200: 19px; - --spectrum-global-dimension-font-size-300: 22px; - --spectrum-global-dimension-font-size-400: 24px; - --spectrum-global-dimension-font-size-500: 27px; - --spectrum-global-dimension-font-size-600: 31px; - --spectrum-global-dimension-font-size-700: 34px; - --spectrum-global-dimension-font-size-800: 39px; - --spectrum-global-dimension-font-size-900: 44px; - --spectrum-global-dimension-font-size-1000: 49px; - --spectrum-global-dimension-font-size-1100: 55px; - --spectrum-global-dimension-font-size-1200: 62px; - --spectrum-global-dimension-font-size-1300: 70px; - --spectrum-alias-item-text-padding-top-l: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-text-padding-bottom-s: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-workflow-padding-left-m: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-rounded-workflow-padding-left-m: 17px; - --spectrum-alias-item-rounded-workflow-padding-left-xl: 27px; - --spectrum-alias-item-mark-padding-top-m: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-mark-padding-bottom-m: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-mark-padding-left-m: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-1-size-l: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-1-size-xl: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-2-size-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-3-height-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-3-width-s: var(--spectrum-global-dimension-size-325); - --spectrum-alias-item-control-3-width-m: var(--spectrum-global-dimension-static-size-450); - --spectrum-alias-item-control-3-width-l: 41px; - --spectrum-alias-item-control-3-width-xl: 46px; - --spectrum-alias-item-mark-size-m: var(--spectrum-global-dimension-static-size-325); - --spectrum-alias-component-focusring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-alias-focus-ring-border-radius-small: var(--spectrum-global-dimension-size-75); - --spectrum-alias-focus-ring-border-radius-regular: 12px; - --spectrum-alias-control-three-width-m: 34px; - --spectrum-alias-control-three-width-l: 38px; - --spectrum-alias-control-three-width-xl: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-tag-text-padding-top-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-tag-icon-size-l: var(--spectrum-global-dimension-static-size-275); - --spectrum-alias-focus-ring-radius-default: var(--spectrum-global-dimension-static-size-115); - --spectrum-alias-workflow-icon-size-l: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-chevron-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-chevron-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-chevron-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-chevron-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-checkmark-size-50: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-checkmark-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-checkmark-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-checkmark-size-600: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-dash-size-50: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-100: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-200: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-dash-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-dash-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-dash-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-dash-size-600: var(--spectrum-global-dimension-static-size-275); - --spectrum-alias-ui-icon-cross-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-cross-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-cross-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-cross-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-arrow-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-arrow-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-500: var(--spectrum-global-dimension-static-size-275); - --spectrum-alias-ui-icon-arrow-size-600: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-triplegripper-size-100-width: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-doublegripper-size-100-height: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-ui-icon-singlegripper-size-100-height: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-ui-icon-cornertriangle-size-100: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-ui-icon-cornertriangle-size-300: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-asterisk-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-asterisk-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-avatar-size-100: 26px; - --spectrum-alias-avatar-size-400: 36px; - --spectrum-alias-avatar-size-600: 46px; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-m-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-indigo-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-informative-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-magenta-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-negative-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-neutral-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-positive-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-purple-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-seafoam-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-yellow-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-breadcrumb-s-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-breadcrumb-s-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-breadcrumb-s-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-breadcrumb-l-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-breadcrumb-l-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-checkbox-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-checkbox-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-checkbox-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-checkbox-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorloupe-offset-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85); - --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600); - --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-static-size-2600); - --spectrum-colorwheel-min-height: var(--spectrum-global-dimension-static-size-2600); - --spectrum-combobox-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-dialog-confirm-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-fullscreen-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-fullscreen-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreen-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-fullscreen-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-fullscreentakeover-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-fullscreentakeover-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreentakeover-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-fullscreentakeover-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dragthumb-swatch-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-swatch-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-helptext-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-infieldbutton-l-left-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-infieldbutton-l-right-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-infieldbutton-l-none-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-m-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-texticon-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textonly-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-meter-s-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-negative-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-negative-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-notice-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-notice-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-positive-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-positive-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-negative-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-notice-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-positive-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-l-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-negative-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-notice-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-positive-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-xl-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-negative-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-notice-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-positive-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-pagination-page-button-line-height: 32px; - --spectrum-pagination-button-page-button-line-height: 32px; - --spectrum-pagination-explicit-page-button-line-height: 32px; - --spectrum-pagination-listing-page-button-line-height: 32px; - --spectrum-panel-s-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-spacious-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-spacious-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-picker-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-m-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-xl-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progresscircle-s-indeterminate-overbackground-border-size: 3px; - --spectrum-progresscircle-s-indeterminate-border-size: 3px; - --spectrum-progresscircle-s-overbackground-border-size: 3px; - --spectrum-progresscircle-s-border-size: 3px; - --spectrum-progresscircle-m-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-overbackground-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-radio-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-radio-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-radio-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-radio-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-search-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-search-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-searchwithin-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-searchwithin-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px; - --spectrum-sidenav-multilevel-main-item-touch-hit-bottom: 3px; - --spectrum-sidenav-item-touch-hit-bottom: 3px; - --spectrum-sidenav-main-item-touch-hit-bottom: 3px; - --spectrum-slider-s-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-s-celery-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-indigo-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-info-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-magenta-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-neutral-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-negative-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-notice-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-positive-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-purple-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-seafoam-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-yellow-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-l-celery-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-celery-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-chartreuse-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-fuchsia-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-indigo-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-indigo-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-info-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-info-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-magenta-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-magenta-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-neutral-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-neutral-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-negative-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-negative-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-notice-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-notice-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-positive-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-positive-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-purple-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-purple-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-seafoam-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-seafoam-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-yellow-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-yellow-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-celery-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-indigo-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-info-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-magenta-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-neutral-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-negative-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-notice-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-positive-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-purple-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-seafoam-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-yellow-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-switch-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-switch-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabs-s-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-quiet-texticon-margin-left: -9px; - --spectrum-tabs-s-quiet-texticon-margin-right: -9px; - --spectrum-tabs-s-quiet-textonly-margin-left: -9px; - --spectrum-tabs-s-quiet-textonly-margin-right: -9px; - --spectrum-tabs-s-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-texticon-margin-left: -9px; - --spectrum-tabs-s-texticon-margin-right: -9px; - --spectrum-tabs-s-textonly-margin-left: -9px; - --spectrum-tabs-s-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-textonly-margin-right: -9px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-quiet-texticon-margin-left: -11px; - --spectrum-tabs-m-quiet-texticon-margin-right: -11px; - --spectrum-tabs-m-quiet-textonly-margin-left: -11px; - --spectrum-tabs-m-quiet-textonly-margin-right: -11px; - --spectrum-tabs-m-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-texticon-margin-left: -11px; - --spectrum-tabs-m-texticon-margin-right: -11px; - --spectrum-tabs-m-textonly-margin-left: -11px; - --spectrum-tabs-m-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-textonly-margin-right: -11px; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-texticon-margin-left: -11px; - --spectrum-tabs-l-quiet-texticon-margin-right: -11px; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-textonly-margin-left: -11px; - --spectrum-tabs-l-quiet-textonly-margin-right: -11px; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-texticon-margin-left: -11px; - --spectrum-tabs-l-texticon-margin-right: -11px; - --spectrum-tabs-l-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-textonly-margin-left: -11px; - --spectrum-tabs-l-textonly-margin-right: -11px; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-quiet-texticon-margin-left: -12px; - --spectrum-tabs-xl-quiet-texticon-margin-right: -12px; - --spectrum-tabs-xl-quiet-textonly-margin-left: -12px; - --spectrum-tabs-xl-quiet-textonly-margin-right: -12px; - --spectrum-tabs-xl-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-texticon-margin-left: -12px; - --spectrum-tabs-xl-texticon-margin-right: -12px; - --spectrum-tabs-xl-textonly-margin-left: -12px; - --spectrum-tabs-xl-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-textonly-margin-right: -12px; - --spectrum-tag-m-removable-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-tag-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-s-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-neutral-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-info-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-positive-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-negative-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-treeview-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-treeview-l-item-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-treeview-l-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); -} diff --git a/components/expressvars/css/scales/spectrum-medium.css b/components/expressvars/css/scales/spectrum-medium.css deleted file mode 100644 index 55120266424..00000000000 --- a/components/expressvars/css/scales/spectrum-medium.css +++ /dev/null @@ -1,2310 +0,0 @@ -:root { - --spectrum-global-dimension-scale-factor: 1; - --spectrum-global-dimension-size-0: 0px; - --spectrum-global-dimension-size-10: 1px; - --spectrum-global-dimension-size-25: 2px; - --spectrum-global-dimension-size-30: 2px; - --spectrum-global-dimension-size-40: 3px; - --spectrum-global-dimension-size-50: 4px; - --spectrum-global-dimension-size-65: 5px; - --spectrum-global-dimension-size-75: 6px; - --spectrum-global-dimension-size-85: 7px; - --spectrum-global-dimension-size-100: 8px; - --spectrum-global-dimension-size-115: 9px; - --spectrum-global-dimension-size-125: 10px; - --spectrum-global-dimension-size-130: 11px; - --spectrum-global-dimension-size-150: 12px; - --spectrum-global-dimension-size-160: 13px; - --spectrum-global-dimension-size-175: 14px; - --spectrum-global-dimension-size-185: 15px; - --spectrum-global-dimension-size-200: 16px; - --spectrum-global-dimension-size-225: 18px; - --spectrum-global-dimension-size-250: 20px; - --spectrum-global-dimension-size-275: 22px; - --spectrum-global-dimension-size-300: 24px; - --spectrum-global-dimension-size-325: 26px; - --spectrum-global-dimension-size-350: 28px; - --spectrum-global-dimension-size-400: 32px; - --spectrum-global-dimension-size-450: 36px; - --spectrum-global-dimension-size-500: 40px; - --spectrum-global-dimension-size-550: 44px; - --spectrum-global-dimension-size-600: 48px; - --spectrum-global-dimension-size-650: 52px; - --spectrum-global-dimension-size-675: 54px; - --spectrum-global-dimension-size-700: 56px; - --spectrum-global-dimension-size-750: 60px; - --spectrum-global-dimension-size-800: 64px; - --spectrum-global-dimension-size-900: 72px; - --spectrum-global-dimension-size-1000: 80px; - --spectrum-global-dimension-size-1125: 90px; - --spectrum-global-dimension-size-1200: 96px; - --spectrum-global-dimension-size-1250: 100px; - --spectrum-global-dimension-size-1600: 128px; - --spectrum-global-dimension-size-1700: 136px; - --spectrum-global-dimension-size-1800: 144px; - --spectrum-global-dimension-size-2000: 160px; - --spectrum-global-dimension-size-2400: 192px; - --spectrum-global-dimension-size-2500: 200px; - --spectrum-global-dimension-size-3000: 240px; - --spectrum-global-dimension-size-3400: 272px; - --spectrum-global-dimension-size-3600: 288px; - --spectrum-global-dimension-size-4600: 368px; - --spectrum-global-dimension-size-5000: 400px; - --spectrum-global-dimension-size-6000: 480px; - --spectrum-global-dimension-font-size-25: 10px; - --spectrum-global-dimension-font-size-50: 11px; - --spectrum-global-dimension-font-size-75: 12px; - --spectrum-global-dimension-font-size-100: 14px; - --spectrum-global-dimension-font-size-150: 15px; - --spectrum-global-dimension-font-size-200: 16px; - --spectrum-global-dimension-font-size-300: 18px; - --spectrum-global-dimension-font-size-400: 20px; - --spectrum-global-dimension-font-size-500: 22px; - --spectrum-global-dimension-font-size-600: 25px; - --spectrum-global-dimension-font-size-700: 28px; - --spectrum-global-dimension-font-size-800: 32px; - --spectrum-global-dimension-font-size-900: 36px; - --spectrum-global-dimension-font-size-1000: 40px; - --spectrum-global-dimension-font-size-1100: 45px; - --spectrum-global-dimension-font-size-1200: 50px; - --spectrum-global-dimension-font-size-1300: 60px; - --spectrum-alias-item-text-padding-top-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-text-padding-bottom-s: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-item-workflow-padding-left-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-rounded-workflow-padding-left-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-rounded-workflow-padding-left-xl: 21px; - --spectrum-alias-item-mark-padding-top-m: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-item-mark-padding-bottom-m: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-item-mark-padding-left-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-1-size-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-1-size-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-2-size-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-height-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-width-s: 23px; - --spectrum-alias-item-control-3-width-m: var(--spectrum-global-dimension-static-size-325); - --spectrum-alias-item-control-3-width-l: 29px; - --spectrum-alias-item-control-3-width-xl: 33px; - --spectrum-alias-item-mark-size-m: var(--spectrum-global-dimension-size-250); - --spectrum-alias-component-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-alias-focus-ring-border-radius-small: var(--spectrum-global-dimension-size-85); - --spectrum-alias-focus-ring-border-radius-regular: var(--spectrum-global-dimension-size-125); - --spectrum-alias-control-three-width-m: 28px; - --spectrum-alias-control-three-width-l: var(--spectrum-global-dimension-static-size-450); - --spectrum-alias-control-three-width-xl: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-tag-text-padding-top-s: var(--spectrum-global-dimension-size-25); - --spectrum-alias-tag-icon-size-l: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-focus-ring-radius-default: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-workflow-icon-size-l: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-chevron-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-chevron-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-chevron-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-chevron-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-chevron-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-50: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-checkmark-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-dash-size-50: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-dash-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-dash-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-400: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-dash-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-dash-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-cross-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-cross-size-100: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-cross-size-200: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-400: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-500: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-cross-size-600: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-arrow-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-arrow-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-arrow-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-arrow-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-500: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-600: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-triplegripper-size-100-width: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-doublegripper-size-100-height: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-ui-icon-singlegripper-size-100-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-ui-icon-cornertriangle-size-100: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-ui-icon-cornertriangle-size-300: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-ui-icon-asterisk-size-200: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-asterisk-size-300: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250); - --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350); - --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450); - --spectrum-dragthumb-swatch-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-swatch-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-badge-s-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-m-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-informative-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-negative-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-positive-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-purple-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-breadcrumb-s-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-breadcrumb-s-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-breadcrumb-s-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-multiline-item-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-l-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-item-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-l-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-checkbox-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-checkbox-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-125); - --spectrum-colorloupe-offset-y: var(--spectrum-global-dimension-static-size-125); - --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-150); - --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-min-height: var(--spectrum-global-dimension-size-2400); - --spectrum-combobox-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-dialog-confirm-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-destructive-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-error-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-info-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreen-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-fullscreen-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-fullscreen-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-fullscreen-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-fullscreen-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreentakeover-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-fullscreentakeover-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-fullscreentakeover-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-fullscreentakeover-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-fullscreentakeover-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-helptext-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-left-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-infieldbutton-l-right-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-infieldbutton-l-none-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-texticon-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textonly-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-meter-s-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-negative-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-negative-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-notice-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-notice-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-positive-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-positive-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-m-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-negative-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-notice-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-positive-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-l-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-negative-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-notice-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-positive-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-xl-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-negative-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-notice-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-positive-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-pagination-page-button-line-height: 26px; - --spectrum-pagination-button-page-button-line-height: 26px; - --spectrum-pagination-explicit-page-button-line-height: 26px; - --spectrum-pagination-listing-page-button-line-height: 26px; - --spectrum-panel-s-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-spacious-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-spacious-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-picker-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-picker-m-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-m-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-xl-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progresscircle-s-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-indeterminate-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-overbackground-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-m-indeterminate-overbackground-border-size: 3px; - --spectrum-progresscircle-m-indeterminate-border-size: 3px; - --spectrum-progresscircle-m-overbackground-border-size: 3px; - --spectrum-progresscircle-m-border-size: 3px; - --spectrum-radio-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-radio-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-radio-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-search-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-search-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-search-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-searchwithin-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-searchwithin-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-sidenav-multilevel-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-slider-s-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-statuslight-s-celery-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-indigo-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-info-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-magenta-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-neutral-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-negative-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-notice-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-positive-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-purple-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-seafoam-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-yellow-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-l-celery-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-celery-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-chartreuse-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-fuchsia-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-indigo-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-indigo-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-info-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-info-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-magenta-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-magenta-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-neutral-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-neutral-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-negative-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-negative-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-notice-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-notice-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-positive-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-positive-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-purple-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-purple-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-seafoam-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-seafoam-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-yellow-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-yellow-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-xl-celery-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-chartreuse-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-fuchsia-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-indigo-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-info-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-magenta-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-neutral-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-negative-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-notice-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-positive-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-purple-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-seafoam-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-yellow-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-switch-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-switch-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-switch-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabs-s-quiet-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-quiet-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-quiet-texticon-margin-left: -7px; - --spectrum-tabs-s-quiet-texticon-margin-right: -7px; - --spectrum-tabs-s-quiet-textonly-margin-left: -7px; - --spectrum-tabs-s-quiet-textonly-margin-right: -7px; - --spectrum-tabs-s-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-texticon-margin-left: -7px; - --spectrum-tabs-s-texticon-margin-right: -7px; - --spectrum-tabs-s-textonly-margin-left: -7px; - --spectrum-tabs-s-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-textonly-margin-right: -7px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-quiet-texticon-margin-left: -8px; - --spectrum-tabs-m-quiet-texticon-margin-right: -8px; - --spectrum-tabs-m-quiet-textonly-margin-left: -8px; - --spectrum-tabs-m-quiet-textonly-margin-right: -8px; - --spectrum-tabs-m-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-texticon-margin-left: -8px; - --spectrum-tabs-m-texticon-margin-right: -8px; - --spectrum-tabs-m-textonly-margin-left: -8px; - --spectrum-tabs-m-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-textonly-margin-right: -8px; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-texticon-margin-left: -9px; - --spectrum-tabs-l-quiet-texticon-margin-right: -9px; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-textonly-margin-left: -9px; - --spectrum-tabs-l-quiet-textonly-margin-right: -9px; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-texticon-margin-left: -9px; - --spectrum-tabs-l-texticon-margin-right: -9px; - --spectrum-tabs-l-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-textonly-margin-left: -9px; - --spectrum-tabs-l-textonly-margin-right: -9px; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-quiet-texticon-margin-left: -10px; - --spectrum-tabs-xl-quiet-texticon-margin-right: -10px; - --spectrum-tabs-xl-quiet-textonly-margin-left: -10px; - --spectrum-tabs-xl-quiet-textonly-margin-right: -10px; - --spectrum-tabs-xl-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-texticon-margin-left: -10px; - --spectrum-tabs-xl-texticon-margin-right: -10px; - --spectrum-tabs-xl-textonly-margin-left: -10px; - --spectrum-tabs-xl-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-textonly-margin-right: -10px; - --spectrum-tag-m-removable-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-tag-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-s-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-tooltip-neutral-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-info-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-positive-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-negative-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-treeview-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-treeview-l-item-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-treeview-l-item-text-padding-top: var(--spectrum-global-dimension-size-115); -} diff --git a/components/expressvars/css/themes/spectrum-dark.css b/components/expressvars/css/themes/spectrum-dark.css deleted file mode 100644 index e5a2f806a98..00000000000 --- a/components/expressvars/css/themes/spectrum-dark.css +++ /dev/null @@ -1,222 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 34, 184, 51; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 68, 202, 73; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 105, 220, 99; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 142, 235, 127; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 148, 192, 8; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 166, 211, 18; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 184, 229, 37; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 205, 245, 71; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 228, 194, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 244, 213, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 249, 232, 92; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 252, 246, 187; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 222, 61, 130; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 237, 87, 149; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 249, 114, 167; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 255, 143, 185; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 205, 57, 206; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 223, 81, 224; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 235, 110, 236; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 244, 140, 242; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 157, 87, 243; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 172, 111, 249; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 187, 135, 251; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 202, 159, 252; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 104, 109, 244; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 124, 129, 251; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 145, 149, 255; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 167, 170, 255; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 158, 152; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 3, 178, 171; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 54, 197, 189; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 93, 214, 207; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 234, 56, 41; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 246, 88, 67; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 255, 117, 94; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 255, 149, 129; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 244, 129, 12; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 254, 154, 46; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 255, 181, 88; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 253, 206, 136; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 18, 162, 108; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 43, 180, 125; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 67, 199, 143; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 94, 217, 162; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 52, 143, 244; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 84, 163, 246; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 114, 183, 249; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 143, 202, 252; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 29, 29, 29; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 38, 38, 38; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 50, 50, 50; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 63, 63, 63; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 84, 84, 84; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 112, 112, 112; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 144, 144, 144; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 178, 178, 178; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 209, 209, 209; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 235, 235, 235; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 255, 255, 255; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-avatar-border-color-default: rgba(255,255,255,0.1); - --spectrum-alias-avatar-border-color-hover: rgba(255,255,255,0.25); - --spectrum-alias-avatar-border-color-down: rgba(255,255,255,0.4); - --spectrum-alias-avatar-border-color-key-focus: rgba(255,255,255,0.25); - --spectrum-alias-avatar-border-color-selected-disabled: rgba(255,255,255,0.1); - --spectrum-alias-transparent-blue-background-color-default: rgba(124,129,251,0.15); - --spectrum-alias-transparent-blue-background-color-hover: rgba(145,149,255,0.15); - --spectrum-alias-transparent-blue-background-color-down: rgba(167,170,255,0.15); - --spectrum-alias-transparent-blue-background-color-key-focus: rgba(145,149,255,0.15); - --spectrum-alias-border-color-selected: rgba(255,255,255,0.9); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.5); - --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06); - --spectrum-alias-highlight-hover: rgba(255,255,255,0.07); - --spectrum-alias-highlight-down: rgba(255,255,255,0.1); - --spectrum-alias-highlight-selected: rgba(84,163,246,0.15); - --spectrum-alias-highlight-selected-hover: rgba(84,163,246,0.25); - --spectrum-alias-text-highlight-color: rgba(84,163,246,0.25); - --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9); - --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(235,235,235,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); - --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-well-background-color: rgba(235,235,235,0.02); - --spectrum-well-border-color: rgba(255,255,255,0.05); -} diff --git a/components/expressvars/css/themes/spectrum-darkest.css b/components/expressvars/css/themes/spectrum-darkest.css deleted file mode 100644 index 1de4683e6d8..00000000000 --- a/components/expressvars/css/themes/spectrum-darkest.css +++ /dev/null @@ -1,169 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 13, 171, 37; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 45, 191, 58; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 80, 208, 82; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 115, 224, 107; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 138, 180, 3; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 154, 198, 11; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 170, 216, 22; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 187, 232, 41; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 216, 181, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 233, 199, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 247, 216, 4; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 249, 233, 97; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 209, 43, 114; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 227, 69, 137; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 241, 97, 156; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 252, 124, 173; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 191, 43, 191; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 211, 65, 213; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 228, 91, 229; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 239, 120, 238; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 145, 70, 236; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 162, 94, 246; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 178, 119, 250; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 192, 143, 252; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 90, 96, 235; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 110, 115, 246; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 132, 136, 253; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 153, 157, 255; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 146, 140; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 165, 159; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 26, 185, 178; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 66, 202, 195; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 221, 33, 24; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 238, 67, 49; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 249, 99, 76; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 255, 129, 107; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 232, 116, 0; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 249, 137, 23; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 255, 162, 59; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 255, 188, 102; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 149, 98; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 28, 168, 114; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 52, 187, 132; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 75, 205, 149; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 29, 128, 245; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 64, 150, 243; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 94, 170, 247; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 124, 189, 250; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 0, 0, 0; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 14, 14, 14; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 29, 29, 29; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 48, 48, 48; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 75, 75, 75; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 106, 106, 106; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 141, 141, 141; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 176, 176, 176; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 208, 208, 208; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 235, 235, 235; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 255, 255, 255; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-avatar-border-color-default: rgba(255,255,255,0.1); - --spectrum-alias-avatar-border-color-hover: rgba(255,255,255,0.25); - --spectrum-alias-avatar-border-color-down: rgba(255,255,255,0.4); - --spectrum-alias-avatar-border-color-key-focus: rgba(255,255,255,0.25); - --spectrum-alias-avatar-border-color-selected-disabled: rgba(255,255,255,0.1); - --spectrum-alias-transparent-blue-background-color-default: rgba(110,115,246,0.15); - --spectrum-alias-transparent-blue-background-color-hover: rgba(132,136,253,0.15); - --spectrum-alias-transparent-blue-background-color-down: rgba(153,157,255,0.15); - --spectrum-alias-transparent-blue-background-color-key-focus: rgba(132,136,253,0.15); - --spectrum-alias-border-color-selected: rgba(255,255,255,0.9); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.8); - --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.08); - --spectrum-alias-highlight-hover: rgba(255,255,255,0.08); - --spectrum-alias-highlight-down: rgba(255,255,255,0.15); - --spectrum-alias-highlight-selected: rgba(64,150,243,0.2); - --spectrum-alias-highlight-selected-hover: rgba(64,150,243,0.3); - --spectrum-alias-text-highlight-color: rgba(64,150,243,0.3); - --spectrum-alias-background-color-quickactions: rgba(29,29,29,0.9); - --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(235,235,235,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); -} diff --git a/components/expressvars/css/themes/spectrum-light.css b/components/expressvars/css/themes/spectrum-light.css deleted file mode 100644 index 4f48985e0fa..00000000000 --- a/components/expressvars/css/themes/spectrum-light.css +++ /dev/null @@ -1,222 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 39, 187, 54; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 7, 167, 33; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 0, 145, 18; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 0, 124, 15; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 152, 197, 10; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 135, 177, 3; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 118, 156, 0; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 103, 136, 0; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 232, 198, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 215, 179, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 196, 159, 0; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 176, 140, 0; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 222, 61, 130; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 200, 34, 105; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 173, 9, 85; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 142, 0, 69; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 205, 58, 206; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 182, 34, 183; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 157, 3, 158; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 128, 0, 129; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 157, 87, 244; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 137, 61, 231; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 115, 38, 211; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 93, 19, 183; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 104, 109, 244; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 82, 88, 228; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 64, 70, 202; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 50, 54, 168; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 161, 154; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 140, 135; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 0, 119, 114; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 0, 99, 95; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 234, 56, 41; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 211, 21, 16; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 180, 0, 0; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 147, 0, 0; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 246, 133, 17; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 228, 111, 0; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 203, 93, 0; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 177, 76, 0; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 143, 93; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 0, 122, 77; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 0, 101, 62; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 0, 81, 50; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 20, 122, 243; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 2, 101, 220; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 0, 84, 182; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 0, 68, 145; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 255, 255, 255; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 253, 253, 253; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 248, 248, 248; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 230, 230, 230; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 213, 213, 213; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 177, 177, 177; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 144, 144, 144; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 109, 109, 109; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 70, 70, 70; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 34, 34, 34; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-avatar-border-color-default: rgba(0,0,0,0.1); - --spectrum-alias-avatar-border-color-hover: rgba(0,0,0,0.25); - --spectrum-alias-avatar-border-color-down: rgba(0,0,0,0.4); - --spectrum-alias-avatar-border-color-key-focus: rgba(0,0,0,0.25); - --spectrum-alias-avatar-border-color-selected-disabled: rgba(0,0,0,0.1); - --spectrum-alias-transparent-blue-background-color-default: rgba(82,88,228,0.15); - --spectrum-alias-transparent-blue-background-color-hover: rgba(64,70,202,0.15); - --spectrum-alias-transparent-blue-background-color-down: rgba(50,54,168,0.15); - --spectrum-alias-transparent-blue-background-color-key-focus: rgba(64,70,202,0.15); - --spectrum-alias-border-color-selected: rgba(0,0,0,0.9); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15); - --spectrum-alias-background-color-hover-overlay: rgba(0,0,0,0.04); - --spectrum-alias-highlight-hover: rgba(0,0,0,0.06); - --spectrum-alias-highlight-down: rgba(0,0,0,0.1); - --spectrum-alias-highlight-selected: rgba(2,101,220,0.1); - --spectrum-alias-highlight-selected-hover: rgba(2,101,220,0.2); - --spectrum-alias-text-highlight-color: rgba(2,101,220,0.2); - --spectrum-alias-background-color-quickactions: rgba(248,248,248,0.9); - --spectrum-alias-border-color-translucent: rgba(0,0,0,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(34,34,34,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-well-background-color: rgba(34,34,34,0.02); - --spectrum-well-border-color: rgba(0,0,0,0.05); -} diff --git a/components/expressvars/custom.css b/components/expressvars/custom.css deleted file mode 100644 index 4fab21cf863..00000000000 --- a/components/expressvars/custom.css +++ /dev/null @@ -1,44 +0,0 @@ -.spectrum { - --spectrum-colorloupe-express-visibility: block; - --spectrum-colorloupe-spectrum-visibility: none; - --spectrum-colorloupe-outer-border-color: transparent; - --spectrum-colorloupe-outer-border-size: 0; - - --spectrum-colorloupe-outer-stroke-color: rgba(0, 0, 0, 0.15); - --spectrum-colorloupe-outer-stroke-width: 6px; - - --spectrum-colorhandle-size: var(--spectrum-global-dimension-size-250); - --spectrum-colorhandle-background-offset: 0px; - --spectrum-colorhandle-inner-shadow-color: rgba(0, 0, 0, 0.15); - --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.30); - --spectrum-colorhandle-outer-shadow-blur: var(--spectrum-global-dimension-static-size-50); - --spectrum-colorhandle-outer-shadow-spread: 0; - - --spectrum-colorslider-height: var(--spectrum-global-dimension-size-200); - --spectrum-colorslider-vertical-width: var(--spectrum-colorslider-height); - --spectrum-colorslider-border-radius: var(--spectrum-alias-border-radius-small); - - --spectrum-colorcontrol-checkerboard-light-color: var(--spectrum-global-color-static-white); - --spectrum-colorcontrol-checkerboard-dark-color: var(--spectrum-global-color-static-gray-200); - - --spectrum-slider-label-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-handle-gap: 0px; - --spectrum-slider-m-handle-border-radius: 100%; - --spectrum-slider-m-track-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-track-inside-border-radius: 0px; - --spectrum-slider-m-track-height: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-track-color: var(--spectrum-global-color-gray-200); - --spectrum-slider-m-track-fill-color: var(--spectrum-global-color-gray-600); - --spectrum-slider-m-tick-mark-color: var(--spectrum-global-color-gray-200); - --spectrum-slider-m-track-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-slider-m-handle-background-color: var(--spectrum-global-color-gray-50); - --spectrum-slider-m-handle-border-color: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-handle-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-slider-m-handle-border-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-label-text-size: var(--spectrum-global-dimension-font-size-100); - - --spectrum-fieldlabel-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-text-size: var(--spectrum-global-dimension-font-size-300); -} diff --git a/components/expressvars/gulpfile.js b/components/expressvars/gulpfile.js deleted file mode 100644 index 3c2bdcdda1d..00000000000 --- a/components/expressvars/gulpfile.js +++ /dev/null @@ -1,148 +0,0 @@ -/*! -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -const path = require("path"); - -const gulp = require("gulp"); -const concat = require("gulp-concat"); -const replace = require("gulp-replace"); -const insert = require("gulp-insert"); - -function copyGlobals() { - return gulp - .src([ - "css/globals/*.css", - "!css/globals/spectrum-dimensionAliases.css", - "!css/globals/spectrum-colorAliases.css", - ]) - .pipe(replace(/:root {/, ".spectrum {")) - .pipe(gulp.dest("dist/globals/")); -} - -function copySources() { - let classMap = { - "spectrum-darkest.css": ".spectrum--darkest", - "spectrum-dark.css": ".spectrum--dark", - "spectrum-light.css": ".spectrum--light", - "spectrum-lightest.css": ".spectrum--lightest", - "spectrum-large.css": ".spectrum--large", - "spectrum-medium.css": ".spectrum--medium", - }; - - return gulp - .src(["css/themes/*.css", "css/scales/*.css"]) - .pipe( - replace(":root", function () { - return classMap[path.basename(this.file.path)]; - }) - ) - .pipe(gulp.dest("dist/")); -} - -function concatGlobalsFinal() { - return gulp - .src([ - ".tmp/spectrum-global.css", - "dist/globals/spectrum-dimensionAliases.css", - "dist/globals/spectrum-colorAliases.css", - "custom.css", - ]) - .pipe( - replace(/{/, function () { - if (this.file.path.match("Aliases.css")) { - return `{\n /* ${path.basename(this.file.path)} */`; - } - return "{"; - }) - ) - .pipe(concat("spectrum-global.css")) - .pipe(gulp.dest("dist/")); -} - -function concatGlobalsTemp() { - return gulp - .src([ - "css/globals/*.css", - "!css/globals/index.css", - "!css/globals/spectrum-dimensionAliases.css", - "!css/globals/spectrum-colorAliases.css", - ]) - .pipe( - replace(/:root {/, function () { - return ` /* ${path.basename(this.file.path)} */`; - }) - ) - .pipe(replace(/}/, "")) - .pipe(concat("spectrum-global.css")) - .pipe(insert.prepend(".spectrum {")) - .pipe(insert.append("}\n")) - .pipe(gulp.dest(".tmp/")); -} - -function processColorAliases() { - return gulp - .src(["css/globals/spectrum-colorAliases.css"]) - .pipe( - replace( - /:root/, - ["darkest", "dark", "light", "lightest"] - .map((stop) => `.spectrum--${stop}`) - .join(",\n") - ) - ) - .pipe(gulp.dest("dist/globals/")); -} - -function processDimensionAliases() { - return gulp - .src(["css/globals/spectrum-dimensionAliases.css"]) - .pipe( - replace( - /:root/, - ["medium", "large"].map((scale) => `.spectrum--${scale}`).join(",\n") - ) - ) - .pipe(gulp.dest("dist/globals/")); -} - -function copyComponents() { - return gulp - .src(["!css/components/index.css", "css/components/*.css"]) - .pipe(replace(/:root/, ".spectrum")) - .pipe(gulp.dest("dist/components/")); -} - -function copyMetadata() { - return gulp.src("json/spectrum-metadata.json").pipe(gulp.dest("dist/")); -} - -let build = gulp.series( - gulp.parallel( - copyMetadata, - copyGlobals, - copySources, - copyComponents, - concatGlobalsTemp, - processColorAliases, - processDimensionAliases - ), - concatGlobalsFinal -); - -exports.update = require("./tasks/updateDNA").updateDNA; - -exports.default = build; -exports.build = - exports.buildLite = - exports.buildHeavy = - exports.buildMedium = - build; diff --git a/components/expressvars/json/spectrum-metadata.json b/components/expressvars/json/spectrum-metadata.json deleted file mode 100644 index e3d09206d58..00000000000 --- a/components/expressvars/json/spectrum-metadata.json +++ /dev/null @@ -1,7822 +0,0 @@ -{ - "dna-version": "1.0.0-beta.35", - "spectrum-accordion-name": "Accordion (default)", - "spectrum-accordion-description": "Accordion with no options", - "spectrum-accordion-version": "1.0.0-beta.0", - "spectrum-actionbar-name": "ActionBar (default)", - "spectrum-actionbar-description": "ActionBar with no options", - "spectrum-actionbar-status": "Verified", - "spectrum-actionbar-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-texticon-name": "ActionButton (s-quiet-emphasized-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-name": "ActionButton (s-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-name": "ActionButton (s-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-texticon-name": "ActionButton (s-quiet-texticon)", - "spectrum-actionbutton-s-quiet-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-black-texticon-name": "ActionButton (s-quiet-black-texticon)", - "spectrum-actionbutton-s-quiet-black-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-white-texticon-name": "ActionButton (s-quiet-white-texticon)", - "spectrum-actionbutton-s-quiet-white-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-texticon-name": "ActionButton (s-emphasized-texticon)", - "spectrum-actionbutton-s-emphasized-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-black-texticon-name": "ActionButton (s-emphasized-black-texticon)", - "spectrum-actionbutton-s-emphasized-black-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-white-texticon-name": "ActionButton (s-emphasized-white-texticon)", - "spectrum-actionbutton-s-emphasized-white-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-texticon-name": "ActionButton (s-texticon)", - "spectrum-actionbutton-s-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-black-texticon-name": "ActionButton (s-black-texticon)", - "spectrum-actionbutton-s-black-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-white-texticon-name": "ActionButton (s-white-texticon)", - "spectrum-actionbutton-s-white-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-textonly-name": "ActionButton (s-quiet-emphasized-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-name": "ActionButton (s-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-name": "ActionButton (s-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-textonly-name": "ActionButton (s-quiet-textonly)", - "spectrum-actionbutton-s-quiet-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-black-textonly-name": "ActionButton (s-quiet-black-textonly)", - "spectrum-actionbutton-s-quiet-black-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-white-textonly-name": "ActionButton (s-quiet-white-textonly)", - "spectrum-actionbutton-s-quiet-white-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-textonly-name": "ActionButton (s-emphasized-textonly)", - "spectrum-actionbutton-s-emphasized-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-black-textonly-name": "ActionButton (s-emphasized-black-textonly)", - "spectrum-actionbutton-s-emphasized-black-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-white-textonly-name": "ActionButton (s-emphasized-white-textonly)", - "spectrum-actionbutton-s-emphasized-white-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-textonly-name": "ActionButton (s-textonly)", - "spectrum-actionbutton-s-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-black-textonly-name": "ActionButton (s-black-textonly)", - "spectrum-actionbutton-s-black-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-white-textonly-name": "ActionButton (s-white-textonly)", - "spectrum-actionbutton-s-white-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-icononly-name": "ActionButton (s-quiet-emphasized-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-name": "ActionButton (s-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-name": "ActionButton (s-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-icononly-name": "ActionButton (s-quiet-icononly)", - "spectrum-actionbutton-s-quiet-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-black-icononly-name": "ActionButton (s-quiet-black-icononly)", - "spectrum-actionbutton-s-quiet-black-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-quiet-white-icononly-name": "ActionButton (s-quiet-white-icononly)", - "spectrum-actionbutton-s-quiet-white-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-icononly-name": "ActionButton (s-emphasized-icononly)", - "spectrum-actionbutton-s-emphasized-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-black-icononly-name": "ActionButton (s-emphasized-black-icononly)", - "spectrum-actionbutton-s-emphasized-black-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-emphasized-white-icononly-name": "ActionButton (s-emphasized-white-icononly)", - "spectrum-actionbutton-s-emphasized-white-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-icononly-name": "ActionButton (s-icononly)", - "spectrum-actionbutton-s-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-black-icononly-name": "ActionButton (s-black-icononly)", - "spectrum-actionbutton-s-black-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-s-white-icononly-name": "ActionButton (s-white-icononly)", - "spectrum-actionbutton-s-white-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-texticon-name": "ActionButton (m-quiet-emphasized-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-name": "ActionButton (m-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-name": "ActionButton (m-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-texticon-name": "ActionButton (m-quiet-texticon)", - "spectrum-actionbutton-m-quiet-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-black-texticon-name": "ActionButton (m-quiet-black-texticon)", - "spectrum-actionbutton-m-quiet-black-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-white-texticon-name": "ActionButton (m-quiet-white-texticon)", - "spectrum-actionbutton-m-quiet-white-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-texticon-name": "ActionButton (m-emphasized-texticon)", - "spectrum-actionbutton-m-emphasized-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-black-texticon-name": "ActionButton (m-emphasized-black-texticon)", - "spectrum-actionbutton-m-emphasized-black-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-white-texticon-name": "ActionButton (m-emphasized-white-texticon)", - "spectrum-actionbutton-m-emphasized-white-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-texticon-name": "ActionButton (m-texticon)", - "spectrum-actionbutton-m-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-black-texticon-name": "ActionButton (m-black-texticon)", - "spectrum-actionbutton-m-black-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-white-texticon-name": "ActionButton (m-white-texticon)", - "spectrum-actionbutton-m-white-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-textonly-name": "ActionButton (m-quiet-emphasized-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-name": "ActionButton (m-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-name": "ActionButton (m-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-textonly-name": "ActionButton (m-quiet-textonly)", - "spectrum-actionbutton-m-quiet-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-black-textonly-name": "ActionButton (m-quiet-black-textonly)", - "spectrum-actionbutton-m-quiet-black-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-white-textonly-name": "ActionButton (m-quiet-white-textonly)", - "spectrum-actionbutton-m-quiet-white-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-textonly-name": "ActionButton (m-emphasized-textonly)", - "spectrum-actionbutton-m-emphasized-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-black-textonly-name": "ActionButton (m-emphasized-black-textonly)", - "spectrum-actionbutton-m-emphasized-black-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-white-textonly-name": "ActionButton (m-emphasized-white-textonly)", - "spectrum-actionbutton-m-emphasized-white-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-textonly-name": "ActionButton (m-textonly)", - "spectrum-actionbutton-m-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-black-textonly-name": "ActionButton (m-black-textonly)", - "spectrum-actionbutton-m-black-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-white-textonly-name": "ActionButton (m-white-textonly)", - "spectrum-actionbutton-m-white-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-icononly-name": "ActionButton (m-quiet-emphasized-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-name": "ActionButton (m-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-name": "ActionButton (m-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-icononly-name": "ActionButton (m-quiet-icononly)", - "spectrum-actionbutton-m-quiet-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-black-icononly-name": "ActionButton (m-quiet-black-icononly)", - "spectrum-actionbutton-m-quiet-black-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-quiet-white-icononly-name": "ActionButton (m-quiet-white-icononly)", - "spectrum-actionbutton-m-quiet-white-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-icononly-name": "ActionButton (m-emphasized-icononly)", - "spectrum-actionbutton-m-emphasized-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-black-icononly-name": "ActionButton (m-emphasized-black-icononly)", - "spectrum-actionbutton-m-emphasized-black-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-emphasized-white-icononly-name": "ActionButton (m-emphasized-white-icononly)", - "spectrum-actionbutton-m-emphasized-white-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-icononly-name": "ActionButton (m-icononly)", - "spectrum-actionbutton-m-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-black-icononly-name": "ActionButton (m-black-icononly)", - "spectrum-actionbutton-m-black-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-m-white-icononly-name": "ActionButton (m-white-icononly)", - "spectrum-actionbutton-m-white-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-texticon-name": "ActionButton (l-quiet-emphasized-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-name": "ActionButton (l-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-name": "ActionButton (l-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-texticon-name": "ActionButton (l-quiet-texticon)", - "spectrum-actionbutton-l-quiet-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-black-texticon-name": "ActionButton (l-quiet-black-texticon)", - "spectrum-actionbutton-l-quiet-black-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-white-texticon-name": "ActionButton (l-quiet-white-texticon)", - "spectrum-actionbutton-l-quiet-white-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-texticon-name": "ActionButton (l-emphasized-texticon)", - "spectrum-actionbutton-l-emphasized-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-black-texticon-name": "ActionButton (l-emphasized-black-texticon)", - "spectrum-actionbutton-l-emphasized-black-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-white-texticon-name": "ActionButton (l-emphasized-white-texticon)", - "spectrum-actionbutton-l-emphasized-white-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-texticon-name": "ActionButton (l-texticon)", - "spectrum-actionbutton-l-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-black-texticon-name": "ActionButton (l-black-texticon)", - "spectrum-actionbutton-l-black-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-white-texticon-name": "ActionButton (l-white-texticon)", - "spectrum-actionbutton-l-white-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-textonly-name": "ActionButton (l-quiet-emphasized-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-name": "ActionButton (l-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-name": "ActionButton (l-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-textonly-name": "ActionButton (l-quiet-textonly)", - "spectrum-actionbutton-l-quiet-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-black-textonly-name": "ActionButton (l-quiet-black-textonly)", - "spectrum-actionbutton-l-quiet-black-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-white-textonly-name": "ActionButton (l-quiet-white-textonly)", - "spectrum-actionbutton-l-quiet-white-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-textonly-name": "ActionButton (l-emphasized-textonly)", - "spectrum-actionbutton-l-emphasized-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-black-textonly-name": "ActionButton (l-emphasized-black-textonly)", - "spectrum-actionbutton-l-emphasized-black-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-white-textonly-name": "ActionButton (l-emphasized-white-textonly)", - "spectrum-actionbutton-l-emphasized-white-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-textonly-name": "ActionButton (l-textonly)", - "spectrum-actionbutton-l-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-black-textonly-name": "ActionButton (l-black-textonly)", - "spectrum-actionbutton-l-black-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-white-textonly-name": "ActionButton (l-white-textonly)", - "spectrum-actionbutton-l-white-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-icononly-name": "ActionButton (l-quiet-emphasized-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-name": "ActionButton (l-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-name": "ActionButton (l-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-icononly-name": "ActionButton (l-quiet-icononly)", - "spectrum-actionbutton-l-quiet-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-black-icononly-name": "ActionButton (l-quiet-black-icononly)", - "spectrum-actionbutton-l-quiet-black-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-quiet-white-icononly-name": "ActionButton (l-quiet-white-icononly)", - "spectrum-actionbutton-l-quiet-white-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-icononly-name": "ActionButton (l-emphasized-icononly)", - "spectrum-actionbutton-l-emphasized-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-black-icononly-name": "ActionButton (l-emphasized-black-icononly)", - "spectrum-actionbutton-l-emphasized-black-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-emphasized-white-icononly-name": "ActionButton (l-emphasized-white-icononly)", - "spectrum-actionbutton-l-emphasized-white-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-icononly-name": "ActionButton (l-icononly)", - "spectrum-actionbutton-l-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-black-icononly-name": "ActionButton (l-black-icononly)", - "spectrum-actionbutton-l-black-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-l-white-icononly-name": "ActionButton (l-white-icononly)", - "spectrum-actionbutton-l-white-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-name": "ActionButton (xl-quiet-emphasized-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-name": "ActionButton (xl-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-name": "ActionButton (xl-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-texticon-name": "ActionButton (xl-quiet-texticon)", - "spectrum-actionbutton-xl-quiet-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-black-texticon-name": "ActionButton (xl-quiet-black-texticon)", - "spectrum-actionbutton-xl-quiet-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-white-texticon-name": "ActionButton (xl-quiet-white-texticon)", - "spectrum-actionbutton-xl-quiet-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-texticon-name": "ActionButton (xl-emphasized-texticon)", - "spectrum-actionbutton-xl-emphasized-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-black-texticon-name": "ActionButton (xl-emphasized-black-texticon)", - "spectrum-actionbutton-xl-emphasized-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-white-texticon-name": "ActionButton (xl-emphasized-white-texticon)", - "spectrum-actionbutton-xl-emphasized-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-texticon-name": "ActionButton (xl-texticon)", - "spectrum-actionbutton-xl-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-black-texticon-name": "ActionButton (xl-black-texticon)", - "spectrum-actionbutton-xl-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-white-texticon-name": "ActionButton (xl-white-texticon)", - "spectrum-actionbutton-xl-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-texticon-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-name": "ActionButton (xl-quiet-emphasized-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-name": "ActionButton (xl-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-name": "ActionButton (xl-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-textonly-name": "ActionButton (xl-quiet-textonly)", - "spectrum-actionbutton-xl-quiet-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-black-textonly-name": "ActionButton (xl-quiet-black-textonly)", - "spectrum-actionbutton-xl-quiet-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-white-textonly-name": "ActionButton (xl-quiet-white-textonly)", - "spectrum-actionbutton-xl-quiet-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-textonly-name": "ActionButton (xl-emphasized-textonly)", - "spectrum-actionbutton-xl-emphasized-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-black-textonly-name": "ActionButton (xl-emphasized-black-textonly)", - "spectrum-actionbutton-xl-emphasized-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-white-textonly-name": "ActionButton (xl-emphasized-white-textonly)", - "spectrum-actionbutton-xl-emphasized-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-textonly-name": "ActionButton (xl-textonly)", - "spectrum-actionbutton-xl-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-black-textonly-name": "ActionButton (xl-black-textonly)", - "spectrum-actionbutton-xl-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-white-textonly-name": "ActionButton (xl-white-textonly)", - "spectrum-actionbutton-xl-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-textonly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-name": "ActionButton (xl-quiet-emphasized-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-name": "ActionButton (xl-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-name": "ActionButton (xl-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-icononly-name": "ActionButton (xl-quiet-icononly)", - "spectrum-actionbutton-xl-quiet-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-black-icononly-name": "ActionButton (xl-quiet-black-icononly)", - "spectrum-actionbutton-xl-quiet-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-quiet-white-icononly-name": "ActionButton (xl-quiet-white-icononly)", - "spectrum-actionbutton-xl-quiet-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-icononly-name": "ActionButton (xl-emphasized-icononly)", - "spectrum-actionbutton-xl-emphasized-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-black-icononly-name": "ActionButton (xl-emphasized-black-icononly)", - "spectrum-actionbutton-xl-emphasized-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-emphasized-white-icononly-name": "ActionButton (xl-emphasized-white-icononly)", - "spectrum-actionbutton-xl-emphasized-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-icononly-name": "ActionButton (xl-icononly)", - "spectrum-actionbutton-xl-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-black-icononly-name": "ActionButton (xl-black-icononly)", - "spectrum-actionbutton-xl-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-icononly-version": "1.0.0-beta.0", - "spectrum-actionbutton-xl-white-icononly-name": "ActionButton (xl-white-icononly)", - "spectrum-actionbutton-xl-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-icononly-version": "1.0.0-beta.0", - "spectrum-actiongroup-quiet-compact-name": "ActionGroup (quiet-compact)", - "spectrum-actiongroup-quiet-compact-description": "ActionGroup with options quiet=true compact=true", - "spectrum-actiongroup-quiet-compact-version": "1.0.0-beta.0", - "spectrum-actiongroup-quiet-name": "ActionGroup (quiet)", - "spectrum-actiongroup-quiet-description": "ActionGroup with options quiet=true compact=false", - "spectrum-actiongroup-quiet-version": "1.0.0-beta.0", - "spectrum-actiongroup-compact-name": "ActionGroup (compact)", - "spectrum-actiongroup-compact-description": "ActionGroup with options quiet=false compact=true", - "spectrum-actiongroup-compact-version": "1.0.0-beta.0", - "spectrum-actiongroup-name": "ActionGroup (default)", - "spectrum-actiongroup-description": "ActionGroup with options quiet=false compact=false", - "spectrum-actiongroup-version": "1.0.0-beta.0", - "spectrum-alertbanner-neutral-name": "AlertBanner (neutral)", - "spectrum-alertbanner-neutral-description": "AlertBanner with options variant=neutral", - "spectrum-alertbanner-neutral-status": "Verified", - "spectrum-alertbanner-neutral-version": "1.0.0-beta.0", - "spectrum-alertbanner-info-name": "AlertBanner (info)", - "spectrum-alertbanner-info-description": "AlertBanner with options variant=info", - "spectrum-alertbanner-info-status": "Verified", - "spectrum-alertbanner-info-version": "1.0.0-beta.0", - "spectrum-alertbanner-negative-name": "AlertBanner (negative)", - "spectrum-alertbanner-negative-description": "AlertBanner with options variant=negative", - "spectrum-alertbanner-negative-status": "Verified", - "spectrum-alertbanner-negative-version": "1.0.0-beta.0", - "spectrum-artboard-name": "Artboard (default)", - "spectrum-artboard-description": "Artboard with no options", - "spectrum-artboard-version": "1.0.0-beta.0", - "spectrum-asset-name": "Asset (default)", - "spectrum-asset-description": "Asset with no options", - "spectrum-asset-version": "1.0.0-beta.0", - "spectrum-assetlist-name": "AssetList (default)", - "spectrum-assetlist-description": "AssetList with no options", - "spectrum-assetlist-status": "Contribution", - "spectrum-assetlist-version": "1.0.0-beta.0", - "spectrum-avatar-size-50-name": "Avatar (size-50)", - "spectrum-avatar-size-50-description": "Avatar with options size=size-50", - "spectrum-avatar-size-50-version": "1.0.0-beta.0", - "spectrum-avatar-size-75-name": "Avatar (size-75)", - "spectrum-avatar-size-75-description": "Avatar with options size=size-75", - "spectrum-avatar-size-75-version": "1.0.0-beta.0", - "spectrum-avatar-size-100-name": "Avatar (size-100)", - "spectrum-avatar-size-100-description": "Avatar with options size=size-100", - "spectrum-avatar-size-100-version": "1.0.0-beta.0", - "spectrum-avatar-size-200-name": "Avatar (size-200)", - "spectrum-avatar-size-200-description": "Avatar with options size=size-200", - "spectrum-avatar-size-200-version": "1.0.0-beta.0", - "spectrum-avatar-size-300-name": "Avatar (size-300)", - "spectrum-avatar-size-300-description": "Avatar with options size=size-300", - "spectrum-avatar-size-300-version": "1.0.0-beta.0", - "spectrum-avatar-size-400-name": "Avatar (size-400)", - "spectrum-avatar-size-400-description": "Avatar with options size=size-400", - "spectrum-avatar-size-400-version": "1.0.0-beta.0", - "spectrum-avatar-size-500-name": "Avatar (size-500)", - "spectrum-avatar-size-500-description": "Avatar with options size=size-500", - "spectrum-avatar-size-500-version": "1.0.0-beta.0", - "spectrum-avatar-size-600-name": "Avatar (size-600)", - "spectrum-avatar-size-600-description": "Avatar with options size=size-600", - "spectrum-avatar-size-600-version": "1.0.0-beta.0", - "spectrum-avatar-size-700-name": "Avatar (size-700)", - "spectrum-avatar-size-700-description": "Avatar with options size=size-700", - "spectrum-avatar-size-700-version": "1.0.0-beta.0", - "spectrum-badge-s-fuchsia-texticon-name": "Badge (s-fuchsia-texticon)", - "spectrum-badge-s-fuchsia-texticon-description": "Badge with options size=s content=texticon variant=fuchsia", - "spectrum-badge-s-fuchsia-texticon-status": "Verified", - "spectrum-badge-s-fuchsia-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-indigo-texticon-name": "Badge (s-indigo-texticon)", - "spectrum-badge-s-indigo-texticon-description": "Badge with options size=s content=texticon variant=indigo", - "spectrum-badge-s-indigo-texticon-status": "Verified", - "spectrum-badge-s-indigo-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-informative-texticon-name": "Badge (s-informative-texticon)", - "spectrum-badge-s-informative-texticon-description": "Badge with options size=s content=texticon variant=informative", - "spectrum-badge-s-informative-texticon-status": "Verified", - "spectrum-badge-s-informative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-magenta-texticon-name": "Badge (s-magenta-texticon)", - "spectrum-badge-s-magenta-texticon-description": "Badge with options size=s content=texticon variant=magenta", - "spectrum-badge-s-magenta-texticon-status": "Verified", - "spectrum-badge-s-magenta-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-negative-texticon-name": "Badge (s-negative-texticon)", - "spectrum-badge-s-negative-texticon-description": "Badge with options size=s content=texticon variant=negative", - "spectrum-badge-s-negative-texticon-status": "Verified", - "spectrum-badge-s-negative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-neutral-texticon-name": "Badge (s-neutral-texticon)", - "spectrum-badge-s-neutral-texticon-description": "Badge with options size=s content=texticon variant=neutral", - "spectrum-badge-s-neutral-texticon-status": "Verified", - "spectrum-badge-s-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-positive-texticon-name": "Badge (s-positive-texticon)", - "spectrum-badge-s-positive-texticon-description": "Badge with options size=s content=texticon variant=positive", - "spectrum-badge-s-positive-texticon-status": "Verified", - "spectrum-badge-s-positive-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-purple-texticon-name": "Badge (s-purple-texticon)", - "spectrum-badge-s-purple-texticon-description": "Badge with options size=s content=texticon variant=purple", - "spectrum-badge-s-purple-texticon-status": "Verified", - "spectrum-badge-s-purple-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-seafoam-texticon-name": "Badge (s-seafoam-texticon)", - "spectrum-badge-s-seafoam-texticon-description": "Badge with options size=s content=texticon variant=seafoam", - "spectrum-badge-s-seafoam-texticon-status": "Verified", - "spectrum-badge-s-seafoam-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-yellow-texticon-name": "Badge (s-yellow-texticon)", - "spectrum-badge-s-yellow-texticon-description": "Badge with options size=s content=texticon variant=yellow", - "spectrum-badge-s-yellow-texticon-status": "Verified", - "spectrum-badge-s-yellow-texticon-version": "1.0.0-beta.0", - "spectrum-badge-s-fuchsia-textonly-name": "Badge (s-fuchsia-textonly)", - "spectrum-badge-s-fuchsia-textonly-description": "Badge with options size=s content=textonly variant=fuchsia", - "spectrum-badge-s-fuchsia-textonly-status": "Verified", - "spectrum-badge-s-fuchsia-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-indigo-textonly-name": "Badge (s-indigo-textonly)", - "spectrum-badge-s-indigo-textonly-description": "Badge with options size=s content=textonly variant=indigo", - "spectrum-badge-s-indigo-textonly-status": "Verified", - "spectrum-badge-s-indigo-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-informative-textonly-name": "Badge (s-informative-textonly)", - "spectrum-badge-s-informative-textonly-description": "Badge with options size=s content=textonly variant=informative", - "spectrum-badge-s-informative-textonly-status": "Verified", - "spectrum-badge-s-informative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-magenta-textonly-name": "Badge (s-magenta-textonly)", - "spectrum-badge-s-magenta-textonly-description": "Badge with options size=s content=textonly variant=magenta", - "spectrum-badge-s-magenta-textonly-status": "Verified", - "spectrum-badge-s-magenta-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-negative-textonly-name": "Badge (s-negative-textonly)", - "spectrum-badge-s-negative-textonly-description": "Badge with options size=s content=textonly variant=negative", - "spectrum-badge-s-negative-textonly-status": "Verified", - "spectrum-badge-s-negative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-neutral-textonly-name": "Badge (s-neutral-textonly)", - "spectrum-badge-s-neutral-textonly-description": "Badge with options size=s content=textonly variant=neutral", - "spectrum-badge-s-neutral-textonly-status": "Verified", - "spectrum-badge-s-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-positive-textonly-name": "Badge (s-positive-textonly)", - "spectrum-badge-s-positive-textonly-description": "Badge with options size=s content=textonly variant=positive", - "spectrum-badge-s-positive-textonly-status": "Verified", - "spectrum-badge-s-positive-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-purple-textonly-name": "Badge (s-purple-textonly)", - "spectrum-badge-s-purple-textonly-description": "Badge with options size=s content=textonly variant=purple", - "spectrum-badge-s-purple-textonly-status": "Verified", - "spectrum-badge-s-purple-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-seafoam-textonly-name": "Badge (s-seafoam-textonly)", - "spectrum-badge-s-seafoam-textonly-description": "Badge with options size=s content=textonly variant=seafoam", - "spectrum-badge-s-seafoam-textonly-status": "Verified", - "spectrum-badge-s-seafoam-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-yellow-textonly-name": "Badge (s-yellow-textonly)", - "spectrum-badge-s-yellow-textonly-description": "Badge with options size=s content=textonly variant=yellow", - "spectrum-badge-s-yellow-textonly-status": "Verified", - "spectrum-badge-s-yellow-textonly-version": "1.0.0-beta.0", - "spectrum-badge-s-fuchsia-icononly-name": "Badge (s-fuchsia-icononly)", - "spectrum-badge-s-fuchsia-icononly-description": "Badge with options size=s content=icononly variant=fuchsia", - "spectrum-badge-s-fuchsia-icononly-status": "Verified", - "spectrum-badge-s-fuchsia-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-indigo-icononly-name": "Badge (s-indigo-icononly)", - "spectrum-badge-s-indigo-icononly-description": "Badge with options size=s content=icononly variant=indigo", - "spectrum-badge-s-indigo-icononly-status": "Verified", - "spectrum-badge-s-indigo-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-informative-icononly-name": "Badge (s-informative-icononly)", - "spectrum-badge-s-informative-icononly-description": "Badge with options size=s content=icononly variant=informative", - "spectrum-badge-s-informative-icononly-status": "Verified", - "spectrum-badge-s-informative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-magenta-icononly-name": "Badge (s-magenta-icononly)", - "spectrum-badge-s-magenta-icononly-description": "Badge with options size=s content=icononly variant=magenta", - "spectrum-badge-s-magenta-icononly-status": "Verified", - "spectrum-badge-s-magenta-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-negative-icononly-name": "Badge (s-negative-icononly)", - "spectrum-badge-s-negative-icononly-description": "Badge with options size=s content=icononly variant=negative", - "spectrum-badge-s-negative-icononly-status": "Verified", - "spectrum-badge-s-negative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-neutral-icononly-name": "Badge (s-neutral-icononly)", - "spectrum-badge-s-neutral-icononly-description": "Badge with options size=s content=icononly variant=neutral", - "spectrum-badge-s-neutral-icononly-status": "Verified", - "spectrum-badge-s-neutral-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-positive-icononly-name": "Badge (s-positive-icononly)", - "spectrum-badge-s-positive-icononly-description": "Badge with options size=s content=icononly variant=positive", - "spectrum-badge-s-positive-icononly-status": "Verified", - "spectrum-badge-s-positive-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-purple-icononly-name": "Badge (s-purple-icononly)", - "spectrum-badge-s-purple-icononly-description": "Badge with options size=s content=icononly variant=purple", - "spectrum-badge-s-purple-icononly-status": "Verified", - "spectrum-badge-s-purple-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-seafoam-icononly-name": "Badge (s-seafoam-icononly)", - "spectrum-badge-s-seafoam-icononly-description": "Badge with options size=s content=icononly variant=seafoam", - "spectrum-badge-s-seafoam-icononly-status": "Verified", - "spectrum-badge-s-seafoam-icononly-version": "1.0.0-beta.0", - "spectrum-badge-s-yellow-icononly-name": "Badge (s-yellow-icononly)", - "spectrum-badge-s-yellow-icononly-description": "Badge with options size=s content=icononly variant=yellow", - "spectrum-badge-s-yellow-icononly-status": "Verified", - "spectrum-badge-s-yellow-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-fuchsia-texticon-name": "Badge (m-fuchsia-texticon)", - "spectrum-badge-m-fuchsia-texticon-description": "Badge with options size=m content=texticon variant=fuchsia", - "spectrum-badge-m-fuchsia-texticon-status": "Verified", - "spectrum-badge-m-fuchsia-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-indigo-texticon-name": "Badge (m-indigo-texticon)", - "spectrum-badge-m-indigo-texticon-description": "Badge with options size=m content=texticon variant=indigo", - "spectrum-badge-m-indigo-texticon-status": "Verified", - "spectrum-badge-m-indigo-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-informative-texticon-name": "Badge (m-informative-texticon)", - "spectrum-badge-m-informative-texticon-description": "Badge with options size=m content=texticon variant=informative", - "spectrum-badge-m-informative-texticon-status": "Verified", - "spectrum-badge-m-informative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-magenta-texticon-name": "Badge (m-magenta-texticon)", - "spectrum-badge-m-magenta-texticon-description": "Badge with options size=m content=texticon variant=magenta", - "spectrum-badge-m-magenta-texticon-status": "Verified", - "spectrum-badge-m-magenta-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-negative-texticon-name": "Badge (m-negative-texticon)", - "spectrum-badge-m-negative-texticon-description": "Badge with options size=m content=texticon variant=negative", - "spectrum-badge-m-negative-texticon-status": "Verified", - "spectrum-badge-m-negative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-neutral-texticon-name": "Badge (m-neutral-texticon)", - "spectrum-badge-m-neutral-texticon-description": "Badge with options size=m content=texticon variant=neutral", - "spectrum-badge-m-neutral-texticon-status": "Verified", - "spectrum-badge-m-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-positive-texticon-name": "Badge (m-positive-texticon)", - "spectrum-badge-m-positive-texticon-description": "Badge with options size=m content=texticon variant=positive", - "spectrum-badge-m-positive-texticon-status": "Verified", - "spectrum-badge-m-positive-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-purple-texticon-name": "Badge (m-purple-texticon)", - "spectrum-badge-m-purple-texticon-description": "Badge with options size=m content=texticon variant=purple", - "spectrum-badge-m-purple-texticon-status": "Verified", - "spectrum-badge-m-purple-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-seafoam-texticon-name": "Badge (m-seafoam-texticon)", - "spectrum-badge-m-seafoam-texticon-description": "Badge with options size=m content=texticon variant=seafoam", - "spectrum-badge-m-seafoam-texticon-status": "Verified", - "spectrum-badge-m-seafoam-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-yellow-texticon-name": "Badge (m-yellow-texticon)", - "spectrum-badge-m-yellow-texticon-description": "Badge with options size=m content=texticon variant=yellow", - "spectrum-badge-m-yellow-texticon-status": "Verified", - "spectrum-badge-m-yellow-texticon-version": "1.0.0-beta.0", - "spectrum-badge-m-fuchsia-textonly-name": "Badge (m-fuchsia-textonly)", - "spectrum-badge-m-fuchsia-textonly-description": "Badge with options size=m content=textonly variant=fuchsia", - "spectrum-badge-m-fuchsia-textonly-status": "Verified", - "spectrum-badge-m-fuchsia-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-indigo-textonly-name": "Badge (m-indigo-textonly)", - "spectrum-badge-m-indigo-textonly-description": "Badge with options size=m content=textonly variant=indigo", - "spectrum-badge-m-indigo-textonly-status": "Verified", - "spectrum-badge-m-indigo-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-informative-textonly-name": "Badge (m-informative-textonly)", - "spectrum-badge-m-informative-textonly-description": "Badge with options size=m content=textonly variant=informative", - "spectrum-badge-m-informative-textonly-status": "Verified", - "spectrum-badge-m-informative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-magenta-textonly-name": "Badge (m-magenta-textonly)", - "spectrum-badge-m-magenta-textonly-description": "Badge with options size=m content=textonly variant=magenta", - "spectrum-badge-m-magenta-textonly-status": "Verified", - "spectrum-badge-m-magenta-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-negative-textonly-name": "Badge (m-negative-textonly)", - "spectrum-badge-m-negative-textonly-description": "Badge with options size=m content=textonly variant=negative", - "spectrum-badge-m-negative-textonly-status": "Verified", - "spectrum-badge-m-negative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-neutral-textonly-name": "Badge (m-neutral-textonly)", - "spectrum-badge-m-neutral-textonly-description": "Badge with options size=m content=textonly variant=neutral", - "spectrum-badge-m-neutral-textonly-status": "Verified", - "spectrum-badge-m-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-positive-textonly-name": "Badge (m-positive-textonly)", - "spectrum-badge-m-positive-textonly-description": "Badge with options size=m content=textonly variant=positive", - "spectrum-badge-m-positive-textonly-status": "Verified", - "spectrum-badge-m-positive-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-purple-textonly-name": "Badge (m-purple-textonly)", - "spectrum-badge-m-purple-textonly-description": "Badge with options size=m content=textonly variant=purple", - "spectrum-badge-m-purple-textonly-status": "Verified", - "spectrum-badge-m-purple-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-seafoam-textonly-name": "Badge (m-seafoam-textonly)", - "spectrum-badge-m-seafoam-textonly-description": "Badge with options size=m content=textonly variant=seafoam", - "spectrum-badge-m-seafoam-textonly-status": "Verified", - "spectrum-badge-m-seafoam-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-yellow-textonly-name": "Badge (m-yellow-textonly)", - "spectrum-badge-m-yellow-textonly-description": "Badge with options size=m content=textonly variant=yellow", - "spectrum-badge-m-yellow-textonly-status": "Verified", - "spectrum-badge-m-yellow-textonly-version": "1.0.0-beta.0", - "spectrum-badge-m-fuchsia-icononly-name": "Badge (m-fuchsia-icononly)", - "spectrum-badge-m-fuchsia-icononly-description": "Badge with options size=m content=icononly variant=fuchsia", - "spectrum-badge-m-fuchsia-icononly-status": "Verified", - "spectrum-badge-m-fuchsia-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-indigo-icononly-name": "Badge (m-indigo-icononly)", - "spectrum-badge-m-indigo-icononly-description": "Badge with options size=m content=icononly variant=indigo", - "spectrum-badge-m-indigo-icononly-status": "Verified", - "spectrum-badge-m-indigo-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-informative-icononly-name": "Badge (m-informative-icononly)", - "spectrum-badge-m-informative-icononly-description": "Badge with options size=m content=icononly variant=informative", - "spectrum-badge-m-informative-icononly-status": "Verified", - "spectrum-badge-m-informative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-magenta-icononly-name": "Badge (m-magenta-icononly)", - "spectrum-badge-m-magenta-icononly-description": "Badge with options size=m content=icononly variant=magenta", - "spectrum-badge-m-magenta-icononly-status": "Verified", - "spectrum-badge-m-magenta-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-negative-icononly-name": "Badge (m-negative-icononly)", - "spectrum-badge-m-negative-icononly-description": "Badge with options size=m content=icononly variant=negative", - "spectrum-badge-m-negative-icononly-status": "Verified", - "spectrum-badge-m-negative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-neutral-icononly-name": "Badge (m-neutral-icononly)", - "spectrum-badge-m-neutral-icononly-description": "Badge with options size=m content=icononly variant=neutral", - "spectrum-badge-m-neutral-icononly-status": "Verified", - "spectrum-badge-m-neutral-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-positive-icononly-name": "Badge (m-positive-icononly)", - "spectrum-badge-m-positive-icononly-description": "Badge with options size=m content=icononly variant=positive", - "spectrum-badge-m-positive-icononly-status": "Verified", - "spectrum-badge-m-positive-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-purple-icononly-name": "Badge (m-purple-icononly)", - "spectrum-badge-m-purple-icononly-description": "Badge with options size=m content=icononly variant=purple", - "spectrum-badge-m-purple-icononly-status": "Verified", - "spectrum-badge-m-purple-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-seafoam-icononly-name": "Badge (m-seafoam-icononly)", - "spectrum-badge-m-seafoam-icononly-description": "Badge with options size=m content=icononly variant=seafoam", - "spectrum-badge-m-seafoam-icononly-status": "Verified", - "spectrum-badge-m-seafoam-icononly-version": "1.0.0-beta.0", - "spectrum-badge-m-yellow-icononly-name": "Badge (m-yellow-icononly)", - "spectrum-badge-m-yellow-icononly-description": "Badge with options size=m content=icononly variant=yellow", - "spectrum-badge-m-yellow-icononly-status": "Verified", - "spectrum-badge-m-yellow-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-fuchsia-texticon-name": "Badge (l-fuchsia-texticon)", - "spectrum-badge-l-fuchsia-texticon-description": "Badge with options size=l content=texticon variant=fuchsia", - "spectrum-badge-l-fuchsia-texticon-status": "Verified", - "spectrum-badge-l-fuchsia-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-indigo-texticon-name": "Badge (l-indigo-texticon)", - "spectrum-badge-l-indigo-texticon-description": "Badge with options size=l content=texticon variant=indigo", - "spectrum-badge-l-indigo-texticon-status": "Verified", - "spectrum-badge-l-indigo-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-informative-texticon-name": "Badge (l-informative-texticon)", - "spectrum-badge-l-informative-texticon-description": "Badge with options size=l content=texticon variant=informative", - "spectrum-badge-l-informative-texticon-status": "Verified", - "spectrum-badge-l-informative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-magenta-texticon-name": "Badge (l-magenta-texticon)", - "spectrum-badge-l-magenta-texticon-description": "Badge with options size=l content=texticon variant=magenta", - "spectrum-badge-l-magenta-texticon-status": "Verified", - "spectrum-badge-l-magenta-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-negative-texticon-name": "Badge (l-negative-texticon)", - "spectrum-badge-l-negative-texticon-description": "Badge with options size=l content=texticon variant=negative", - "spectrum-badge-l-negative-texticon-status": "Verified", - "spectrum-badge-l-negative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-neutral-texticon-name": "Badge (l-neutral-texticon)", - "spectrum-badge-l-neutral-texticon-description": "Badge with options size=l content=texticon variant=neutral", - "spectrum-badge-l-neutral-texticon-status": "Verified", - "spectrum-badge-l-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-positive-texticon-name": "Badge (l-positive-texticon)", - "spectrum-badge-l-positive-texticon-description": "Badge with options size=l content=texticon variant=positive", - "spectrum-badge-l-positive-texticon-status": "Verified", - "spectrum-badge-l-positive-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-purple-texticon-name": "Badge (l-purple-texticon)", - "spectrum-badge-l-purple-texticon-description": "Badge with options size=l content=texticon variant=purple", - "spectrum-badge-l-purple-texticon-status": "Verified", - "spectrum-badge-l-purple-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-seafoam-texticon-name": "Badge (l-seafoam-texticon)", - "spectrum-badge-l-seafoam-texticon-description": "Badge with options size=l content=texticon variant=seafoam", - "spectrum-badge-l-seafoam-texticon-status": "Verified", - "spectrum-badge-l-seafoam-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-yellow-texticon-name": "Badge (l-yellow-texticon)", - "spectrum-badge-l-yellow-texticon-description": "Badge with options size=l content=texticon variant=yellow", - "spectrum-badge-l-yellow-texticon-status": "Verified", - "spectrum-badge-l-yellow-texticon-version": "1.0.0-beta.0", - "spectrum-badge-l-fuchsia-textonly-name": "Badge (l-fuchsia-textonly)", - "spectrum-badge-l-fuchsia-textonly-description": "Badge with options size=l content=textonly variant=fuchsia", - "spectrum-badge-l-fuchsia-textonly-status": "Verified", - "spectrum-badge-l-fuchsia-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-indigo-textonly-name": "Badge (l-indigo-textonly)", - "spectrum-badge-l-indigo-textonly-description": "Badge with options size=l content=textonly variant=indigo", - "spectrum-badge-l-indigo-textonly-status": "Verified", - "spectrum-badge-l-indigo-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-informative-textonly-name": "Badge (l-informative-textonly)", - "spectrum-badge-l-informative-textonly-description": "Badge with options size=l content=textonly variant=informative", - "spectrum-badge-l-informative-textonly-status": "Verified", - "spectrum-badge-l-informative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-magenta-textonly-name": "Badge (l-magenta-textonly)", - "spectrum-badge-l-magenta-textonly-description": "Badge with options size=l content=textonly variant=magenta", - "spectrum-badge-l-magenta-textonly-status": "Verified", - "spectrum-badge-l-magenta-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-negative-textonly-name": "Badge (l-negative-textonly)", - "spectrum-badge-l-negative-textonly-description": "Badge with options size=l content=textonly variant=negative", - "spectrum-badge-l-negative-textonly-status": "Verified", - "spectrum-badge-l-negative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-neutral-textonly-name": "Badge (l-neutral-textonly)", - "spectrum-badge-l-neutral-textonly-description": "Badge with options size=l content=textonly variant=neutral", - "spectrum-badge-l-neutral-textonly-status": "Verified", - "spectrum-badge-l-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-positive-textonly-name": "Badge (l-positive-textonly)", - "spectrum-badge-l-positive-textonly-description": "Badge with options size=l content=textonly variant=positive", - "spectrum-badge-l-positive-textonly-status": "Verified", - "spectrum-badge-l-positive-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-purple-textonly-name": "Badge (l-purple-textonly)", - "spectrum-badge-l-purple-textonly-description": "Badge with options size=l content=textonly variant=purple", - "spectrum-badge-l-purple-textonly-status": "Verified", - "spectrum-badge-l-purple-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-seafoam-textonly-name": "Badge (l-seafoam-textonly)", - "spectrum-badge-l-seafoam-textonly-description": "Badge with options size=l content=textonly variant=seafoam", - "spectrum-badge-l-seafoam-textonly-status": "Verified", - "spectrum-badge-l-seafoam-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-yellow-textonly-name": "Badge (l-yellow-textonly)", - "spectrum-badge-l-yellow-textonly-description": "Badge with options size=l content=textonly variant=yellow", - "spectrum-badge-l-yellow-textonly-status": "Verified", - "spectrum-badge-l-yellow-textonly-version": "1.0.0-beta.0", - "spectrum-badge-l-fuchsia-icononly-name": "Badge (l-fuchsia-icononly)", - "spectrum-badge-l-fuchsia-icononly-description": "Badge with options size=l content=icononly variant=fuchsia", - "spectrum-badge-l-fuchsia-icononly-status": "Verified", - "spectrum-badge-l-fuchsia-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-indigo-icononly-name": "Badge (l-indigo-icononly)", - "spectrum-badge-l-indigo-icononly-description": "Badge with options size=l content=icononly variant=indigo", - "spectrum-badge-l-indigo-icononly-status": "Verified", - "spectrum-badge-l-indigo-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-informative-icononly-name": "Badge (l-informative-icononly)", - "spectrum-badge-l-informative-icononly-description": "Badge with options size=l content=icononly variant=informative", - "spectrum-badge-l-informative-icononly-status": "Verified", - "spectrum-badge-l-informative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-magenta-icononly-name": "Badge (l-magenta-icononly)", - "spectrum-badge-l-magenta-icononly-description": "Badge with options size=l content=icononly variant=magenta", - "spectrum-badge-l-magenta-icononly-status": "Verified", - "spectrum-badge-l-magenta-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-negative-icononly-name": "Badge (l-negative-icononly)", - "spectrum-badge-l-negative-icononly-description": "Badge with options size=l content=icononly variant=negative", - "spectrum-badge-l-negative-icononly-status": "Verified", - "spectrum-badge-l-negative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-neutral-icononly-name": "Badge (l-neutral-icononly)", - "spectrum-badge-l-neutral-icononly-description": "Badge with options size=l content=icononly variant=neutral", - "spectrum-badge-l-neutral-icononly-status": "Verified", - "spectrum-badge-l-neutral-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-positive-icononly-name": "Badge (l-positive-icononly)", - "spectrum-badge-l-positive-icononly-description": "Badge with options size=l content=icononly variant=positive", - "spectrum-badge-l-positive-icononly-status": "Verified", - "spectrum-badge-l-positive-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-purple-icononly-name": "Badge (l-purple-icononly)", - "spectrum-badge-l-purple-icononly-description": "Badge with options size=l content=icononly variant=purple", - "spectrum-badge-l-purple-icononly-status": "Verified", - "spectrum-badge-l-purple-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-seafoam-icononly-name": "Badge (l-seafoam-icononly)", - "spectrum-badge-l-seafoam-icononly-description": "Badge with options size=l content=icononly variant=seafoam", - "spectrum-badge-l-seafoam-icononly-status": "Verified", - "spectrum-badge-l-seafoam-icononly-version": "1.0.0-beta.0", - "spectrum-badge-l-yellow-icononly-name": "Badge (l-yellow-icononly)", - "spectrum-badge-l-yellow-icononly-description": "Badge with options size=l content=icononly variant=yellow", - "spectrum-badge-l-yellow-icononly-status": "Verified", - "spectrum-badge-l-yellow-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-fuchsia-texticon-name": "Badge (xl-fuchsia-texticon)", - "spectrum-badge-xl-fuchsia-texticon-description": "Badge with options size=xl content=texticon variant=fuchsia", - "spectrum-badge-xl-fuchsia-texticon-status": "Verified", - "spectrum-badge-xl-fuchsia-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-indigo-texticon-name": "Badge (xl-indigo-texticon)", - "spectrum-badge-xl-indigo-texticon-description": "Badge with options size=xl content=texticon variant=indigo", - "spectrum-badge-xl-indigo-texticon-status": "Verified", - "spectrum-badge-xl-indigo-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-informative-texticon-name": "Badge (xl-informative-texticon)", - "spectrum-badge-xl-informative-texticon-description": "Badge with options size=xl content=texticon variant=informative", - "spectrum-badge-xl-informative-texticon-status": "Verified", - "spectrum-badge-xl-informative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-magenta-texticon-name": "Badge (xl-magenta-texticon)", - "spectrum-badge-xl-magenta-texticon-description": "Badge with options size=xl content=texticon variant=magenta", - "spectrum-badge-xl-magenta-texticon-status": "Verified", - "spectrum-badge-xl-magenta-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-negative-texticon-name": "Badge (xl-negative-texticon)", - "spectrum-badge-xl-negative-texticon-description": "Badge with options size=xl content=texticon variant=negative", - "spectrum-badge-xl-negative-texticon-status": "Verified", - "spectrum-badge-xl-negative-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-neutral-texticon-name": "Badge (xl-neutral-texticon)", - "spectrum-badge-xl-neutral-texticon-description": "Badge with options size=xl content=texticon variant=neutral", - "spectrum-badge-xl-neutral-texticon-status": "Verified", - "spectrum-badge-xl-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-positive-texticon-name": "Badge (xl-positive-texticon)", - "spectrum-badge-xl-positive-texticon-description": "Badge with options size=xl content=texticon variant=positive", - "spectrum-badge-xl-positive-texticon-status": "Verified", - "spectrum-badge-xl-positive-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-purple-texticon-name": "Badge (xl-purple-texticon)", - "spectrum-badge-xl-purple-texticon-description": "Badge with options size=xl content=texticon variant=purple", - "spectrum-badge-xl-purple-texticon-status": "Verified", - "spectrum-badge-xl-purple-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-seafoam-texticon-name": "Badge (xl-seafoam-texticon)", - "spectrum-badge-xl-seafoam-texticon-description": "Badge with options size=xl content=texticon variant=seafoam", - "spectrum-badge-xl-seafoam-texticon-status": "Verified", - "spectrum-badge-xl-seafoam-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-yellow-texticon-name": "Badge (xl-yellow-texticon)", - "spectrum-badge-xl-yellow-texticon-description": "Badge with options size=xl content=texticon variant=yellow", - "spectrum-badge-xl-yellow-texticon-status": "Verified", - "spectrum-badge-xl-yellow-texticon-version": "1.0.0-beta.0", - "spectrum-badge-xl-fuchsia-textonly-name": "Badge (xl-fuchsia-textonly)", - "spectrum-badge-xl-fuchsia-textonly-description": "Badge with options size=xl content=textonly variant=fuchsia", - "spectrum-badge-xl-fuchsia-textonly-status": "Verified", - "spectrum-badge-xl-fuchsia-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-indigo-textonly-name": "Badge (xl-indigo-textonly)", - "spectrum-badge-xl-indigo-textonly-description": "Badge with options size=xl content=textonly variant=indigo", - "spectrum-badge-xl-indigo-textonly-status": "Verified", - "spectrum-badge-xl-indigo-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-informative-textonly-name": "Badge (xl-informative-textonly)", - "spectrum-badge-xl-informative-textonly-description": "Badge with options size=xl content=textonly variant=informative", - "spectrum-badge-xl-informative-textonly-status": "Verified", - "spectrum-badge-xl-informative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-magenta-textonly-name": "Badge (xl-magenta-textonly)", - "spectrum-badge-xl-magenta-textonly-description": "Badge with options size=xl content=textonly variant=magenta", - "spectrum-badge-xl-magenta-textonly-status": "Verified", - "spectrum-badge-xl-magenta-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-negative-textonly-name": "Badge (xl-negative-textonly)", - "spectrum-badge-xl-negative-textonly-description": "Badge with options size=xl content=textonly variant=negative", - "spectrum-badge-xl-negative-textonly-status": "Verified", - "spectrum-badge-xl-negative-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-neutral-textonly-name": "Badge (xl-neutral-textonly)", - "spectrum-badge-xl-neutral-textonly-description": "Badge with options size=xl content=textonly variant=neutral", - "spectrum-badge-xl-neutral-textonly-status": "Verified", - "spectrum-badge-xl-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-positive-textonly-name": "Badge (xl-positive-textonly)", - "spectrum-badge-xl-positive-textonly-description": "Badge with options size=xl content=textonly variant=positive", - "spectrum-badge-xl-positive-textonly-status": "Verified", - "spectrum-badge-xl-positive-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-purple-textonly-name": "Badge (xl-purple-textonly)", - "spectrum-badge-xl-purple-textonly-description": "Badge with options size=xl content=textonly variant=purple", - "spectrum-badge-xl-purple-textonly-status": "Verified", - "spectrum-badge-xl-purple-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-seafoam-textonly-name": "Badge (xl-seafoam-textonly)", - "spectrum-badge-xl-seafoam-textonly-description": "Badge with options size=xl content=textonly variant=seafoam", - "spectrum-badge-xl-seafoam-textonly-status": "Verified", - "spectrum-badge-xl-seafoam-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-yellow-textonly-name": "Badge (xl-yellow-textonly)", - "spectrum-badge-xl-yellow-textonly-description": "Badge with options size=xl content=textonly variant=yellow", - "spectrum-badge-xl-yellow-textonly-status": "Verified", - "spectrum-badge-xl-yellow-textonly-version": "1.0.0-beta.0", - "spectrum-badge-xl-fuchsia-icononly-name": "Badge (xl-fuchsia-icononly)", - "spectrum-badge-xl-fuchsia-icononly-description": "Badge with options size=xl content=icononly variant=fuchsia", - "spectrum-badge-xl-fuchsia-icononly-status": "Verified", - "spectrum-badge-xl-fuchsia-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-indigo-icononly-name": "Badge (xl-indigo-icononly)", - "spectrum-badge-xl-indigo-icononly-description": "Badge with options size=xl content=icononly variant=indigo", - "spectrum-badge-xl-indigo-icononly-status": "Verified", - "spectrum-badge-xl-indigo-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-informative-icononly-name": "Badge (xl-informative-icononly)", - "spectrum-badge-xl-informative-icononly-description": "Badge with options size=xl content=icononly variant=informative", - "spectrum-badge-xl-informative-icononly-status": "Verified", - "spectrum-badge-xl-informative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-magenta-icononly-name": "Badge (xl-magenta-icononly)", - "spectrum-badge-xl-magenta-icononly-description": "Badge with options size=xl content=icononly variant=magenta", - "spectrum-badge-xl-magenta-icononly-status": "Verified", - "spectrum-badge-xl-magenta-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-negative-icononly-name": "Badge (xl-negative-icononly)", - "spectrum-badge-xl-negative-icononly-description": "Badge with options size=xl content=icononly variant=negative", - "spectrum-badge-xl-negative-icononly-status": "Verified", - "spectrum-badge-xl-negative-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-neutral-icononly-name": "Badge (xl-neutral-icononly)", - "spectrum-badge-xl-neutral-icononly-description": "Badge with options size=xl content=icononly variant=neutral", - "spectrum-badge-xl-neutral-icononly-status": "Verified", - "spectrum-badge-xl-neutral-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-positive-icononly-name": "Badge (xl-positive-icononly)", - "spectrum-badge-xl-positive-icononly-description": "Badge with options size=xl content=icononly variant=positive", - "spectrum-badge-xl-positive-icononly-status": "Verified", - "spectrum-badge-xl-positive-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-purple-icononly-name": "Badge (xl-purple-icononly)", - "spectrum-badge-xl-purple-icononly-description": "Badge with options size=xl content=icononly variant=purple", - "spectrum-badge-xl-purple-icononly-status": "Verified", - "spectrum-badge-xl-purple-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-seafoam-icononly-name": "Badge (xl-seafoam-icononly)", - "spectrum-badge-xl-seafoam-icononly-description": "Badge with options size=xl content=icononly variant=seafoam", - "spectrum-badge-xl-seafoam-icononly-status": "Verified", - "spectrum-badge-xl-seafoam-icononly-version": "1.0.0-beta.0", - "spectrum-badge-xl-yellow-icononly-name": "Badge (xl-yellow-icononly)", - "spectrum-badge-xl-yellow-icononly-description": "Badge with options size=xl content=icononly variant=yellow", - "spectrum-badge-xl-yellow-icononly-status": "Verified", - "spectrum-badge-xl-yellow-icononly-version": "1.0.0-beta.0", - "spectrum-body-xs-serif-emphasized-strong-name": "Body (xs-serif-emphasized-strong)", - "spectrum-body-xs-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xs emphasized=true strong=true", - "spectrum-body-xs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xs-serif-emphasized-name": "Body (xs-serif-emphasized)", - "spectrum-body-xs-serif-emphasized-description": "Body with options script=latin classification=serif size=xs emphasized=true strong=false", - "spectrum-body-xs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xs-serif-strong-name": "Body (xs-serif-strong)", - "spectrum-body-xs-serif-strong-description": "Body with options script=latin classification=serif size=xs emphasized=false strong=true", - "spectrum-body-xs-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-xs-serif-name": "Body (xs-serif)", - "spectrum-body-xs-serif-description": "Body with options script=latin classification=serif size=xs emphasized=false strong=false", - "spectrum-body-xs-serif-version": "1.0.0-beta.0", - "spectrum-body-s-serif-emphasized-strong-name": "Body (s-serif-emphasized-strong)", - "spectrum-body-s-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=s emphasized=true strong=true", - "spectrum-body-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-s-serif-emphasized-name": "Body (s-serif-emphasized)", - "spectrum-body-s-serif-emphasized-description": "Body with options script=latin classification=serif size=s emphasized=true strong=false", - "spectrum-body-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-s-serif-strong-name": "Body (s-serif-strong)", - "spectrum-body-s-serif-strong-description": "Body with options script=latin classification=serif size=s emphasized=false strong=true", - "spectrum-body-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-s-serif-name": "Body (s-serif)", - "spectrum-body-s-serif-description": "Body with options script=latin classification=serif size=s emphasized=false strong=false", - "spectrum-body-s-serif-version": "1.0.0-beta.0", - "spectrum-body-m-serif-emphasized-strong-name": "Body (m-serif-emphasized-strong)", - "spectrum-body-m-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=m emphasized=true strong=true", - "spectrum-body-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-m-serif-emphasized-name": "Body (m-serif-emphasized)", - "spectrum-body-m-serif-emphasized-description": "Body with options script=latin classification=serif size=m emphasized=true strong=false", - "spectrum-body-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-m-serif-strong-name": "Body (m-serif-strong)", - "spectrum-body-m-serif-strong-description": "Body with options script=latin classification=serif size=m emphasized=false strong=true", - "spectrum-body-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-m-serif-name": "Body (m-serif)", - "spectrum-body-m-serif-description": "Body with options script=latin classification=serif size=m emphasized=false strong=false", - "spectrum-body-m-serif-version": "1.0.0-beta.0", - "spectrum-body-l-serif-emphasized-strong-name": "Body (l-serif-emphasized-strong)", - "spectrum-body-l-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=l emphasized=true strong=true", - "spectrum-body-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-l-serif-emphasized-name": "Body (l-serif-emphasized)", - "spectrum-body-l-serif-emphasized-description": "Body with options script=latin classification=serif size=l emphasized=true strong=false", - "spectrum-body-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-l-serif-strong-name": "Body (l-serif-strong)", - "spectrum-body-l-serif-strong-description": "Body with options script=latin classification=serif size=l emphasized=false strong=true", - "spectrum-body-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-l-serif-name": "Body (l-serif)", - "spectrum-body-l-serif-description": "Body with options script=latin classification=serif size=l emphasized=false strong=false", - "spectrum-body-l-serif-version": "1.0.0-beta.0", - "spectrum-body-xl-serif-emphasized-strong-name": "Body (xl-serif-emphasized-strong)", - "spectrum-body-xl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xl emphasized=true strong=true", - "spectrum-body-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xl-serif-emphasized-name": "Body (xl-serif-emphasized)", - "spectrum-body-xl-serif-emphasized-description": "Body with options script=latin classification=serif size=xl emphasized=true strong=false", - "spectrum-body-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xl-serif-strong-name": "Body (xl-serif-strong)", - "spectrum-body-xl-serif-strong-description": "Body with options script=latin classification=serif size=xl emphasized=false strong=true", - "spectrum-body-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-xl-serif-name": "Body (xl-serif)", - "spectrum-body-xl-serif-description": "Body with options script=latin classification=serif size=xl emphasized=false strong=false", - "spectrum-body-xl-serif-version": "1.0.0-beta.0", - "spectrum-body-xxl-serif-emphasized-strong-name": "Body (xxl-serif-emphasized-strong)", - "spectrum-body-xxl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xxl emphasized=true strong=true", - "spectrum-body-xxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xxl-serif-emphasized-name": "Body (xxl-serif-emphasized)", - "spectrum-body-xxl-serif-emphasized-description": "Body with options script=latin classification=serif size=xxl emphasized=true strong=false", - "spectrum-body-xxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xxl-serif-strong-name": "Body (xxl-serif-strong)", - "spectrum-body-xxl-serif-strong-description": "Body with options script=latin classification=serif size=xxl emphasized=false strong=true", - "spectrum-body-xxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-xxl-serif-name": "Body (xxl-serif)", - "spectrum-body-xxl-serif-description": "Body with options script=latin classification=serif size=xxl emphasized=false strong=false", - "spectrum-body-xxl-serif-version": "1.0.0-beta.0", - "spectrum-body-xxxl-serif-emphasized-strong-name": "Body (xxxl-serif-emphasized-strong)", - "spectrum-body-xxxl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xxxl emphasized=true strong=true", - "spectrum-body-xxxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xxxl-serif-emphasized-name": "Body (xxxl-serif-emphasized)", - "spectrum-body-xxxl-serif-emphasized-description": "Body with options script=latin classification=serif size=xxxl emphasized=true strong=false", - "spectrum-body-xxxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xxxl-serif-strong-name": "Body (xxxl-serif-strong)", - "spectrum-body-xxxl-serif-strong-description": "Body with options script=latin classification=serif size=xxxl emphasized=false strong=true", - "spectrum-body-xxxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-xxxl-serif-name": "Body (xxxl-serif)", - "spectrum-body-xxxl-serif-description": "Body with options script=latin classification=serif size=xxxl emphasized=false strong=false", - "spectrum-body-xxxl-serif-version": "1.0.0-beta.0", - "spectrum-body-xs-emphasized-strong-name": "Body (xs-emphasized-strong)", - "spectrum-body-xs-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-body-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xs-emphasized-name": "Body (xs-emphasized)", - "spectrum-body-xs-emphasized-description": "Body with options script=latin classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-body-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xs-strong-name": "Body (xs-strong)", - "spectrum-body-xs-strong-description": "Body with options script=latin classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-body-xs-strong-version": "1.0.0-beta.0", - "spectrum-body-xs-name": "Body (xs)", - "spectrum-body-xs-description": "Body with options script=latin classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-body-xs-version": "1.0.0-beta.0", - "spectrum-body-s-emphasized-strong-name": "Body (s-emphasized-strong)", - "spectrum-body-s-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=s emphasized=true strong=true", - "spectrum-body-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-s-emphasized-name": "Body (s-emphasized)", - "spectrum-body-s-emphasized-description": "Body with options script=latin classification=sans-serif size=s emphasized=true strong=false", - "spectrum-body-s-emphasized-version": "1.0.0-beta.0", - "spectrum-body-s-strong-name": "Body (s-strong)", - "spectrum-body-s-strong-description": "Body with options script=latin classification=sans-serif size=s emphasized=false strong=true", - "spectrum-body-s-strong-version": "1.0.0-beta.0", - "spectrum-body-s-name": "Body (s)", - "spectrum-body-s-description": "Body with options script=latin classification=sans-serif size=s emphasized=false strong=false", - "spectrum-body-s-version": "1.0.0-beta.0", - "spectrum-body-m-emphasized-strong-name": "Body (m-emphasized-strong)", - "spectrum-body-m-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=m emphasized=true strong=true", - "spectrum-body-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-m-emphasized-name": "Body (m-emphasized)", - "spectrum-body-m-emphasized-description": "Body with options script=latin classification=sans-serif size=m emphasized=true strong=false", - "spectrum-body-m-emphasized-version": "1.0.0-beta.0", - "spectrum-body-m-strong-name": "Body (m-strong)", - "spectrum-body-m-strong-description": "Body with options script=latin classification=sans-serif size=m emphasized=false strong=true", - "spectrum-body-m-strong-version": "1.0.0-beta.0", - "spectrum-body-m-name": "Body (m)", - "spectrum-body-m-description": "Body with options script=latin classification=sans-serif size=m emphasized=false strong=false", - "spectrum-body-m-version": "1.0.0-beta.0", - "spectrum-body-l-emphasized-strong-name": "Body (l-emphasized-strong)", - "spectrum-body-l-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=l emphasized=true strong=true", - "spectrum-body-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-l-emphasized-name": "Body (l-emphasized)", - "spectrum-body-l-emphasized-description": "Body with options script=latin classification=sans-serif size=l emphasized=true strong=false", - "spectrum-body-l-emphasized-version": "1.0.0-beta.0", - "spectrum-body-l-strong-name": "Body (l-strong)", - "spectrum-body-l-strong-description": "Body with options script=latin classification=sans-serif size=l emphasized=false strong=true", - "spectrum-body-l-strong-version": "1.0.0-beta.0", - "spectrum-body-l-name": "Body (l)", - "spectrum-body-l-description": "Body with options script=latin classification=sans-serif size=l emphasized=false strong=false", - "spectrum-body-l-version": "1.0.0-beta.0", - "spectrum-body-xl-emphasized-strong-name": "Body (xl-emphasized-strong)", - "spectrum-body-xl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-body-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xl-emphasized-name": "Body (xl-emphasized)", - "spectrum-body-xl-emphasized-description": "Body with options script=latin classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-body-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xl-strong-name": "Body (xl-strong)", - "spectrum-body-xl-strong-description": "Body with options script=latin classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-body-xl-strong-version": "1.0.0-beta.0", - "spectrum-body-xl-name": "Body (xl)", - "spectrum-body-xl-description": "Body with options script=latin classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-body-xl-version": "1.0.0-beta.0", - "spectrum-body-xxl-emphasized-strong-name": "Body (xxl-emphasized-strong)", - "spectrum-body-xxl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-body-xxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xxl-emphasized-name": "Body (xxl-emphasized)", - "spectrum-body-xxl-emphasized-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-body-xxl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xxl-strong-name": "Body (xxl-strong)", - "spectrum-body-xxl-strong-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-body-xxl-strong-version": "1.0.0-beta.0", - "spectrum-body-xxl-name": "Body (xxl)", - "spectrum-body-xxl-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-body-xxl-version": "1.0.0-beta.0", - "spectrum-body-xxxl-emphasized-strong-name": "Body (xxxl-emphasized-strong)", - "spectrum-body-xxxl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-body-xxxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-xxxl-emphasized-name": "Body (xxxl-emphasized)", - "spectrum-body-xxxl-emphasized-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-body-xxxl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-xxxl-strong-name": "Body (xxxl-strong)", - "spectrum-body-xxxl-strong-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-body-xxxl-strong-version": "1.0.0-beta.0", - "spectrum-body-xxxl-name": "Body (xxxl)", - "spectrum-body-xxxl-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-body-xxxl-version": "1.0.0-beta.0", - "spectrum-body-han-xs-serif-emphasized-strong-name": "Body (han-xs-serif-emphasized-strong)", - "spectrum-body-han-xs-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xs emphasized=true strong=true", - "spectrum-body-han-xs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xs-serif-emphasized-name": "Body (han-xs-serif-emphasized)", - "spectrum-body-han-xs-serif-emphasized-description": "Body with options script=han classification=serif size=xs emphasized=true strong=false", - "spectrum-body-han-xs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xs-serif-strong-name": "Body (han-xs-serif-strong)", - "spectrum-body-han-xs-serif-strong-description": "Body with options script=han classification=serif size=xs emphasized=false strong=true", - "spectrum-body-han-xs-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xs-serif-name": "Body (han-xs-serif)", - "spectrum-body-han-xs-serif-description": "Body with options script=han classification=serif size=xs emphasized=false strong=false", - "spectrum-body-han-xs-serif-version": "1.0.0-beta.0", - "spectrum-body-han-s-serif-emphasized-strong-name": "Body (han-s-serif-emphasized-strong)", - "spectrum-body-han-s-serif-emphasized-strong-description": "Body with options script=han classification=serif size=s emphasized=true strong=true", - "spectrum-body-han-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-s-serif-emphasized-name": "Body (han-s-serif-emphasized)", - "spectrum-body-han-s-serif-emphasized-description": "Body with options script=han classification=serif size=s emphasized=true strong=false", - "spectrum-body-han-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-s-serif-strong-name": "Body (han-s-serif-strong)", - "spectrum-body-han-s-serif-strong-description": "Body with options script=han classification=serif size=s emphasized=false strong=true", - "spectrum-body-han-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-s-serif-name": "Body (han-s-serif)", - "spectrum-body-han-s-serif-description": "Body with options script=han classification=serif size=s emphasized=false strong=false", - "spectrum-body-han-s-serif-version": "1.0.0-beta.0", - "spectrum-body-han-m-serif-emphasized-strong-name": "Body (han-m-serif-emphasized-strong)", - "spectrum-body-han-m-serif-emphasized-strong-description": "Body with options script=han classification=serif size=m emphasized=true strong=true", - "spectrum-body-han-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-m-serif-emphasized-name": "Body (han-m-serif-emphasized)", - "spectrum-body-han-m-serif-emphasized-description": "Body with options script=han classification=serif size=m emphasized=true strong=false", - "spectrum-body-han-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-m-serif-strong-name": "Body (han-m-serif-strong)", - "spectrum-body-han-m-serif-strong-description": "Body with options script=han classification=serif size=m emphasized=false strong=true", - "spectrum-body-han-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-m-serif-name": "Body (han-m-serif)", - "spectrum-body-han-m-serif-description": "Body with options script=han classification=serif size=m emphasized=false strong=false", - "spectrum-body-han-m-serif-version": "1.0.0-beta.0", - "spectrum-body-han-l-serif-emphasized-strong-name": "Body (han-l-serif-emphasized-strong)", - "spectrum-body-han-l-serif-emphasized-strong-description": "Body with options script=han classification=serif size=l emphasized=true strong=true", - "spectrum-body-han-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-l-serif-emphasized-name": "Body (han-l-serif-emphasized)", - "spectrum-body-han-l-serif-emphasized-description": "Body with options script=han classification=serif size=l emphasized=true strong=false", - "spectrum-body-han-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-l-serif-strong-name": "Body (han-l-serif-strong)", - "spectrum-body-han-l-serif-strong-description": "Body with options script=han classification=serif size=l emphasized=false strong=true", - "spectrum-body-han-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-l-serif-name": "Body (han-l-serif)", - "spectrum-body-han-l-serif-description": "Body with options script=han classification=serif size=l emphasized=false strong=false", - "spectrum-body-han-l-serif-version": "1.0.0-beta.0", - "spectrum-body-han-xl-serif-emphasized-strong-name": "Body (han-xl-serif-emphasized-strong)", - "spectrum-body-han-xl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xl emphasized=true strong=true", - "spectrum-body-han-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xl-serif-emphasized-name": "Body (han-xl-serif-emphasized)", - "spectrum-body-han-xl-serif-emphasized-description": "Body with options script=han classification=serif size=xl emphasized=true strong=false", - "spectrum-body-han-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xl-serif-strong-name": "Body (han-xl-serif-strong)", - "spectrum-body-han-xl-serif-strong-description": "Body with options script=han classification=serif size=xl emphasized=false strong=true", - "spectrum-body-han-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xl-serif-name": "Body (han-xl-serif)", - "spectrum-body-han-xl-serif-description": "Body with options script=han classification=serif size=xl emphasized=false strong=false", - "spectrum-body-han-xl-serif-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-serif-emphasized-strong-name": "Body (han-xxl-serif-emphasized-strong)", - "spectrum-body-han-xxl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xxl emphasized=true strong=true", - "spectrum-body-han-xxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-serif-emphasized-name": "Body (han-xxl-serif-emphasized)", - "spectrum-body-han-xxl-serif-emphasized-description": "Body with options script=han classification=serif size=xxl emphasized=true strong=false", - "spectrum-body-han-xxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-serif-strong-name": "Body (han-xxl-serif-strong)", - "spectrum-body-han-xxl-serif-strong-description": "Body with options script=han classification=serif size=xxl emphasized=false strong=true", - "spectrum-body-han-xxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-serif-name": "Body (han-xxl-serif)", - "spectrum-body-han-xxl-serif-description": "Body with options script=han classification=serif size=xxl emphasized=false strong=false", - "spectrum-body-han-xxl-serif-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-serif-emphasized-strong-name": "Body (han-xxxl-serif-emphasized-strong)", - "spectrum-body-han-xxxl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xxxl emphasized=true strong=true", - "spectrum-body-han-xxxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-serif-emphasized-name": "Body (han-xxxl-serif-emphasized)", - "spectrum-body-han-xxxl-serif-emphasized-description": "Body with options script=han classification=serif size=xxxl emphasized=true strong=false", - "spectrum-body-han-xxxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-serif-strong-name": "Body (han-xxxl-serif-strong)", - "spectrum-body-han-xxxl-serif-strong-description": "Body with options script=han classification=serif size=xxxl emphasized=false strong=true", - "spectrum-body-han-xxxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-serif-name": "Body (han-xxxl-serif)", - "spectrum-body-han-xxxl-serif-description": "Body with options script=han classification=serif size=xxxl emphasized=false strong=false", - "spectrum-body-han-xxxl-serif-version": "1.0.0-beta.0", - "spectrum-body-han-xs-emphasized-strong-name": "Body (han-xs-emphasized-strong)", - "spectrum-body-han-xs-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-body-han-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xs-emphasized-name": "Body (han-xs-emphasized)", - "spectrum-body-han-xs-emphasized-description": "Body with options script=han classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-body-han-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xs-strong-name": "Body (han-xs-strong)", - "spectrum-body-han-xs-strong-description": "Body with options script=han classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-body-han-xs-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xs-name": "Body (han-xs)", - "spectrum-body-han-xs-description": "Body with options script=han classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-body-han-xs-version": "1.0.0-beta.0", - "spectrum-body-han-s-emphasized-strong-name": "Body (han-s-emphasized-strong)", - "spectrum-body-han-s-emphasized-strong-description": "Body with options script=han classification=sans-serif size=s emphasized=true strong=true", - "spectrum-body-han-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-s-emphasized-name": "Body (han-s-emphasized)", - "spectrum-body-han-s-emphasized-description": "Body with options script=han classification=sans-serif size=s emphasized=true strong=false", - "spectrum-body-han-s-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-s-strong-name": "Body (han-s-strong)", - "spectrum-body-han-s-strong-description": "Body with options script=han classification=sans-serif size=s emphasized=false strong=true", - "spectrum-body-han-s-strong-version": "1.0.0-beta.0", - "spectrum-body-han-s-name": "Body (han-s)", - "spectrum-body-han-s-description": "Body with options script=han classification=sans-serif size=s emphasized=false strong=false", - "spectrum-body-han-s-version": "1.0.0-beta.0", - "spectrum-body-han-m-emphasized-strong-name": "Body (han-m-emphasized-strong)", - "spectrum-body-han-m-emphasized-strong-description": "Body with options script=han classification=sans-serif size=m emphasized=true strong=true", - "spectrum-body-han-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-m-emphasized-name": "Body (han-m-emphasized)", - "spectrum-body-han-m-emphasized-description": "Body with options script=han classification=sans-serif size=m emphasized=true strong=false", - "spectrum-body-han-m-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-m-strong-name": "Body (han-m-strong)", - "spectrum-body-han-m-strong-description": "Body with options script=han classification=sans-serif size=m emphasized=false strong=true", - "spectrum-body-han-m-strong-version": "1.0.0-beta.0", - "spectrum-body-han-m-name": "Body (han-m)", - "spectrum-body-han-m-description": "Body with options script=han classification=sans-serif size=m emphasized=false strong=false", - "spectrum-body-han-m-version": "1.0.0-beta.0", - "spectrum-body-han-l-emphasized-strong-name": "Body (han-l-emphasized-strong)", - "spectrum-body-han-l-emphasized-strong-description": "Body with options script=han classification=sans-serif size=l emphasized=true strong=true", - "spectrum-body-han-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-l-emphasized-name": "Body (han-l-emphasized)", - "spectrum-body-han-l-emphasized-description": "Body with options script=han classification=sans-serif size=l emphasized=true strong=false", - "spectrum-body-han-l-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-l-strong-name": "Body (han-l-strong)", - "spectrum-body-han-l-strong-description": "Body with options script=han classification=sans-serif size=l emphasized=false strong=true", - "spectrum-body-han-l-strong-version": "1.0.0-beta.0", - "spectrum-body-han-l-name": "Body (han-l)", - "spectrum-body-han-l-description": "Body with options script=han classification=sans-serif size=l emphasized=false strong=false", - "spectrum-body-han-l-version": "1.0.0-beta.0", - "spectrum-body-han-xl-emphasized-strong-name": "Body (han-xl-emphasized-strong)", - "spectrum-body-han-xl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-body-han-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xl-emphasized-name": "Body (han-xl-emphasized)", - "spectrum-body-han-xl-emphasized-description": "Body with options script=han classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-body-han-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xl-strong-name": "Body (han-xl-strong)", - "spectrum-body-han-xl-strong-description": "Body with options script=han classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-body-han-xl-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xl-name": "Body (han-xl)", - "spectrum-body-han-xl-description": "Body with options script=han classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-body-han-xl-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-emphasized-strong-name": "Body (han-xxl-emphasized-strong)", - "spectrum-body-han-xxl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-body-han-xxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-emphasized-name": "Body (han-xxl-emphasized)", - "spectrum-body-han-xxl-emphasized-description": "Body with options script=han classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-body-han-xxl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-strong-name": "Body (han-xxl-strong)", - "spectrum-body-han-xxl-strong-description": "Body with options script=han classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-body-han-xxl-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxl-name": "Body (han-xxl)", - "spectrum-body-han-xxl-description": "Body with options script=han classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-body-han-xxl-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-emphasized-strong-name": "Body (han-xxxl-emphasized-strong)", - "spectrum-body-han-xxxl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-body-han-xxxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-emphasized-name": "Body (han-xxxl-emphasized)", - "spectrum-body-han-xxxl-emphasized-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-body-han-xxxl-emphasized-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-strong-name": "Body (han-xxxl-strong)", - "spectrum-body-han-xxxl-strong-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-body-han-xxxl-strong-version": "1.0.0-beta.0", - "spectrum-body-han-xxxl-name": "Body (han-xxxl)", - "spectrum-body-han-xxxl-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-body-han-xxxl-version": "1.0.0-beta.0", - "spectrum-bottomnavigation-primary-name": "BottomNavigation (primary)", - "spectrum-bottomnavigation-primary-description": "BottomNavigation with options variant=primary position=top", - "spectrum-bottomnavigation-primary-version": "1.0.0-beta.0", - "spectrum-bottomnavigation-sidelabel-primary-name": "BottomNavigation (sidelabel-primary)", - "spectrum-bottomnavigation-sidelabel-primary-description": "BottomNavigation with options variant=primary position=sidelabel", - "spectrum-bottomnavigation-sidelabel-primary-version": "1.0.0-beta.0", - "spectrum-bottomnavigation-secondary-name": "BottomNavigation (secondary)", - "spectrum-bottomnavigation-secondary-description": "BottomNavigation with options variant=secondary position=top", - "spectrum-bottomnavigation-secondary-version": "1.0.0-beta.0", - "spectrum-bottomnavigation-sidelabel-secondary-name": "BottomNavigation (sidelabel-secondary)", - "spectrum-bottomnavigation-sidelabel-secondary-description": "BottomNavigation with options variant=secondary position=sidelabel", - "spectrum-bottomnavigation-sidelabel-secondary-version": "1.0.0-beta.0", - "spectrum-breadcrumb-s-multiline-name": "Breadcrumb (s-multiline)", - "spectrum-breadcrumb-s-multiline-description": "Breadcrumb with options size=s multiline=true", - "spectrum-breadcrumb-s-multiline-status": "Verified", - "spectrum-breadcrumb-s-multiline-version": "1.0.0-beta.0", - "spectrum-breadcrumb-s-name": "Breadcrumb (s)", - "spectrum-breadcrumb-s-description": "Breadcrumb with options size=s multiline=false", - "spectrum-breadcrumb-s-status": "Verified", - "spectrum-breadcrumb-s-version": "1.0.0-beta.0", - "spectrum-breadcrumb-m-multiline-name": "Breadcrumb (m-multiline)", - "spectrum-breadcrumb-m-multiline-description": "Breadcrumb with options size=m multiline=true", - "spectrum-breadcrumb-m-multiline-status": "Verified", - "spectrum-breadcrumb-m-multiline-version": "1.0.0-beta.0", - "spectrum-breadcrumb-m-name": "Breadcrumb (m)", - "spectrum-breadcrumb-m-description": "Breadcrumb with options size=m multiline=false", - "spectrum-breadcrumb-m-status": "Verified", - "spectrum-breadcrumb-m-version": "1.0.0-beta.0", - "spectrum-breadcrumb-l-multiline-name": "Breadcrumb (l-multiline)", - "spectrum-breadcrumb-l-multiline-description": "Breadcrumb with options size=l multiline=true", - "spectrum-breadcrumb-l-multiline-status": "Verified", - "spectrum-breadcrumb-l-multiline-version": "1.0.0-beta.0", - "spectrum-breadcrumb-l-name": "Breadcrumb (l)", - "spectrum-breadcrumb-l-description": "Breadcrumb with options size=l multiline=false", - "spectrum-breadcrumb-l-status": "Verified", - "spectrum-breadcrumb-l-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-icononly-name": "Button (s-accent-fill-icononly)", - "spectrum-button-s-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-icononly-name": "Button (s-primary-fill-icononly)", - "spectrum-button-s-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-icononly-name": "Button (s-secondary-fill-icononly)", - "spectrum-button-s-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-icononly-name": "Button (s-negative-fill-icononly)", - "spectrum-button-s-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-texticon-name": "Button (s-accent-fill-texticon)", - "spectrum-button-s-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-texticon-name": "Button (s-primary-fill-texticon)", - "spectrum-button-s-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-texticon-name": "Button (s-secondary-fill-texticon)", - "spectrum-button-s-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-texticon-name": "Button (s-negative-fill-texticon)", - "spectrum-button-s-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-textonly-name": "Button (s-accent-fill-textonly)", - "spectrum-button-s-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-textonly-name": "Button (s-primary-fill-textonly)", - "spectrum-button-s-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-textonly-name": "Button (s-secondary-fill-textonly)", - "spectrum-button-s-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-textonly-name": "Button (s-negative-fill-textonly)", - "spectrum-button-s-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-icononly-name": "Button (m-accent-fill-icononly)", - "spectrum-button-m-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-icononly-name": "Button (m-primary-fill-icononly)", - "spectrum-button-m-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-icononly-name": "Button (m-secondary-fill-icononly)", - "spectrum-button-m-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-icononly-name": "Button (m-negative-fill-icononly)", - "spectrum-button-m-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-texticon-name": "Button (m-accent-fill-texticon)", - "spectrum-button-m-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-texticon-name": "Button (m-primary-fill-texticon)", - "spectrum-button-m-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-texticon-name": "Button (m-secondary-fill-texticon)", - "spectrum-button-m-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-texticon-name": "Button (m-negative-fill-texticon)", - "spectrum-button-m-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-textonly-name": "Button (m-accent-fill-textonly)", - "spectrum-button-m-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-textonly-name": "Button (m-primary-fill-textonly)", - "spectrum-button-m-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-textonly-name": "Button (m-secondary-fill-textonly)", - "spectrum-button-m-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-textonly-name": "Button (m-negative-fill-textonly)", - "spectrum-button-m-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-icononly-name": "Button (l-accent-fill-icononly)", - "spectrum-button-l-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-icononly-name": "Button (l-primary-fill-icononly)", - "spectrum-button-l-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-icononly-name": "Button (l-secondary-fill-icononly)", - "spectrum-button-l-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-icononly-name": "Button (l-negative-fill-icononly)", - "spectrum-button-l-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-texticon-name": "Button (l-accent-fill-texticon)", - "spectrum-button-l-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-texticon-name": "Button (l-primary-fill-texticon)", - "spectrum-button-l-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-texticon-name": "Button (l-secondary-fill-texticon)", - "spectrum-button-l-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-texticon-name": "Button (l-negative-fill-texticon)", - "spectrum-button-l-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-textonly-name": "Button (l-accent-fill-textonly)", - "spectrum-button-l-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-textonly-name": "Button (l-primary-fill-textonly)", - "spectrum-button-l-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-textonly-name": "Button (l-secondary-fill-textonly)", - "spectrum-button-l-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-textonly-name": "Button (l-negative-fill-textonly)", - "spectrum-button-l-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-icononly-name": "Button (xl-accent-fill-icononly)", - "spectrum-button-xl-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-icononly-name": "Button (xl-primary-fill-icononly)", - "spectrum-button-xl-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-icononly-name": "Button (xl-secondary-fill-icononly)", - "spectrum-button-xl-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-icononly-name": "Button (xl-negative-fill-icononly)", - "spectrum-button-xl-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-texticon-name": "Button (xl-accent-fill-texticon)", - "spectrum-button-xl-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-texticon-name": "Button (xl-primary-fill-texticon)", - "spectrum-button-xl-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-texticon-name": "Button (xl-secondary-fill-texticon)", - "spectrum-button-xl-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-texticon-name": "Button (xl-negative-fill-texticon)", - "spectrum-button-xl-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-textonly-name": "Button (xl-accent-fill-textonly)", - "spectrum-button-xl-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-textonly-name": "Button (xl-primary-fill-textonly)", - "spectrum-button-xl-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-textonly-name": "Button (xl-secondary-fill-textonly)", - "spectrum-button-xl-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-textonly-name": "Button (xl-negative-fill-textonly)", - "spectrum-button-xl-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-icononly-name": "Button (s-accent-outline-icononly)", - "spectrum-button-s-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-icononly-name": "Button (s-primary-outline-icononly)", - "spectrum-button-s-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-icononly-name": "Button (s-secondary-outline-icononly)", - "spectrum-button-s-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-icononly-name": "Button (s-negative-outline-icononly)", - "spectrum-button-s-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-texticon-name": "Button (s-accent-outline-texticon)", - "spectrum-button-s-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-texticon-name": "Button (s-primary-outline-texticon)", - "spectrum-button-s-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-texticon-name": "Button (s-secondary-outline-texticon)", - "spectrum-button-s-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-texticon-name": "Button (s-negative-outline-texticon)", - "spectrum-button-s-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-textonly-name": "Button (s-accent-outline-textonly)", - "spectrum-button-s-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-textonly-name": "Button (s-primary-outline-textonly)", - "spectrum-button-s-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-textonly-name": "Button (s-secondary-outline-textonly)", - "spectrum-button-s-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-textonly-name": "Button (s-negative-outline-textonly)", - "spectrum-button-s-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-icononly-name": "Button (m-accent-outline-icononly)", - "spectrum-button-m-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-icononly-name": "Button (m-primary-outline-icononly)", - "spectrum-button-m-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-icononly-name": "Button (m-secondary-outline-icononly)", - "spectrum-button-m-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-icononly-name": "Button (m-negative-outline-icononly)", - "spectrum-button-m-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-texticon-name": "Button (m-accent-outline-texticon)", - "spectrum-button-m-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-texticon-name": "Button (m-primary-outline-texticon)", - "spectrum-button-m-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-texticon-name": "Button (m-secondary-outline-texticon)", - "spectrum-button-m-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-texticon-name": "Button (m-negative-outline-texticon)", - "spectrum-button-m-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-textonly-name": "Button (m-accent-outline-textonly)", - "spectrum-button-m-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-textonly-name": "Button (m-primary-outline-textonly)", - "spectrum-button-m-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-textonly-name": "Button (m-secondary-outline-textonly)", - "spectrum-button-m-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-textonly-name": "Button (m-negative-outline-textonly)", - "spectrum-button-m-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-icononly-name": "Button (l-accent-outline-icononly)", - "spectrum-button-l-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-icononly-name": "Button (l-primary-outline-icononly)", - "spectrum-button-l-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-icononly-name": "Button (l-secondary-outline-icononly)", - "spectrum-button-l-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-icononly-name": "Button (l-negative-outline-icononly)", - "spectrum-button-l-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-texticon-name": "Button (l-accent-outline-texticon)", - "spectrum-button-l-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-texticon-name": "Button (l-primary-outline-texticon)", - "spectrum-button-l-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-texticon-name": "Button (l-secondary-outline-texticon)", - "spectrum-button-l-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-texticon-name": "Button (l-negative-outline-texticon)", - "spectrum-button-l-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-textonly-name": "Button (l-accent-outline-textonly)", - "spectrum-button-l-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-textonly-name": "Button (l-primary-outline-textonly)", - "spectrum-button-l-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-textonly-name": "Button (l-secondary-outline-textonly)", - "spectrum-button-l-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-textonly-name": "Button (l-negative-outline-textonly)", - "spectrum-button-l-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-icononly-name": "Button (xl-accent-outline-icononly)", - "spectrum-button-xl-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-icononly-name": "Button (xl-primary-outline-icononly)", - "spectrum-button-xl-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-icononly-name": "Button (xl-secondary-outline-icononly)", - "spectrum-button-xl-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-icononly-name": "Button (xl-negative-outline-icononly)", - "spectrum-button-xl-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-texticon-name": "Button (xl-accent-outline-texticon)", - "spectrum-button-xl-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-texticon-name": "Button (xl-primary-outline-texticon)", - "spectrum-button-xl-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-texticon-name": "Button (xl-secondary-outline-texticon)", - "spectrum-button-xl-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-texticon-name": "Button (xl-negative-outline-texticon)", - "spectrum-button-xl-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-textonly-name": "Button (xl-accent-outline-textonly)", - "spectrum-button-xl-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-textonly-name": "Button (xl-primary-outline-textonly)", - "spectrum-button-xl-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-textonly-name": "Button (xl-secondary-outline-textonly)", - "spectrum-button-xl-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-textonly-name": "Button (xl-negative-outline-textonly)", - "spectrum-button-xl-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-white-icononly-name": "Button (s-accent-fill-white-icononly)", - "spectrum-button-s-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-white-icononly-name": "Button (s-primary-fill-white-icononly)", - "spectrum-button-s-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-white-icononly-name": "Button (s-secondary-fill-white-icononly)", - "spectrum-button-s-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-white-icononly-name": "Button (s-negative-fill-white-icononly)", - "spectrum-button-s-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-white-texticon-name": "Button (s-accent-fill-white-texticon)", - "spectrum-button-s-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-white-texticon-name": "Button (s-primary-fill-white-texticon)", - "spectrum-button-s-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-white-texticon-name": "Button (s-secondary-fill-white-texticon)", - "spectrum-button-s-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-white-texticon-name": "Button (s-negative-fill-white-texticon)", - "spectrum-button-s-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-white-textonly-name": "Button (s-accent-fill-white-textonly)", - "spectrum-button-s-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-white-textonly-name": "Button (s-primary-fill-white-textonly)", - "spectrum-button-s-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-white-textonly-name": "Button (s-secondary-fill-white-textonly)", - "spectrum-button-s-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-white-textonly-name": "Button (s-negative-fill-white-textonly)", - "spectrum-button-s-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-white-icononly-name": "Button (m-accent-fill-white-icononly)", - "spectrum-button-m-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-white-icononly-name": "Button (m-primary-fill-white-icononly)", - "spectrum-button-m-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-white-icononly-name": "Button (m-secondary-fill-white-icononly)", - "spectrum-button-m-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-white-icononly-name": "Button (m-negative-fill-white-icononly)", - "spectrum-button-m-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-white-texticon-name": "Button (m-accent-fill-white-texticon)", - "spectrum-button-m-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-white-texticon-name": "Button (m-primary-fill-white-texticon)", - "spectrum-button-m-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-white-texticon-name": "Button (m-secondary-fill-white-texticon)", - "spectrum-button-m-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-white-texticon-name": "Button (m-negative-fill-white-texticon)", - "spectrum-button-m-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-white-textonly-name": "Button (m-accent-fill-white-textonly)", - "spectrum-button-m-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-white-textonly-name": "Button (m-primary-fill-white-textonly)", - "spectrum-button-m-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-white-textonly-name": "Button (m-secondary-fill-white-textonly)", - "spectrum-button-m-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-white-textonly-name": "Button (m-negative-fill-white-textonly)", - "spectrum-button-m-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-white-icononly-name": "Button (l-accent-fill-white-icononly)", - "spectrum-button-l-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-white-icononly-name": "Button (l-primary-fill-white-icononly)", - "spectrum-button-l-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-white-icononly-name": "Button (l-secondary-fill-white-icononly)", - "spectrum-button-l-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-white-icononly-name": "Button (l-negative-fill-white-icononly)", - "spectrum-button-l-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-white-texticon-name": "Button (l-accent-fill-white-texticon)", - "spectrum-button-l-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-white-texticon-name": "Button (l-primary-fill-white-texticon)", - "spectrum-button-l-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-white-texticon-name": "Button (l-secondary-fill-white-texticon)", - "spectrum-button-l-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-white-texticon-name": "Button (l-negative-fill-white-texticon)", - "spectrum-button-l-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-white-textonly-name": "Button (l-accent-fill-white-textonly)", - "spectrum-button-l-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-white-textonly-name": "Button (l-primary-fill-white-textonly)", - "spectrum-button-l-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-white-textonly-name": "Button (l-secondary-fill-white-textonly)", - "spectrum-button-l-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-white-textonly-name": "Button (l-negative-fill-white-textonly)", - "spectrum-button-l-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-white-icononly-name": "Button (xl-accent-fill-white-icononly)", - "spectrum-button-xl-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-white-icononly-name": "Button (xl-primary-fill-white-icononly)", - "spectrum-button-xl-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-white-icononly-name": "Button (xl-secondary-fill-white-icononly)", - "spectrum-button-xl-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-white-icononly-name": "Button (xl-negative-fill-white-icononly)", - "spectrum-button-xl-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-white-texticon-name": "Button (xl-accent-fill-white-texticon)", - "spectrum-button-xl-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-white-texticon-name": "Button (xl-primary-fill-white-texticon)", - "spectrum-button-xl-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-white-texticon-name": "Button (xl-secondary-fill-white-texticon)", - "spectrum-button-xl-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-white-texticon-name": "Button (xl-negative-fill-white-texticon)", - "spectrum-button-xl-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-white-textonly-name": "Button (xl-accent-fill-white-textonly)", - "spectrum-button-xl-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-white-textonly-name": "Button (xl-primary-fill-white-textonly)", - "spectrum-button-xl-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-white-textonly-name": "Button (xl-secondary-fill-white-textonly)", - "spectrum-button-xl-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-white-textonly-name": "Button (xl-negative-fill-white-textonly)", - "spectrum-button-xl-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-white-icononly-name": "Button (s-accent-outline-white-icononly)", - "spectrum-button-s-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-white-icononly-name": "Button (s-primary-outline-white-icononly)", - "spectrum-button-s-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-white-icononly-name": "Button (s-secondary-outline-white-icononly)", - "spectrum-button-s-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-white-icononly-name": "Button (s-negative-outline-white-icononly)", - "spectrum-button-s-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-white-texticon-name": "Button (s-accent-outline-white-texticon)", - "spectrum-button-s-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-white-texticon-name": "Button (s-primary-outline-white-texticon)", - "spectrum-button-s-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-white-texticon-name": "Button (s-secondary-outline-white-texticon)", - "spectrum-button-s-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-white-texticon-name": "Button (s-negative-outline-white-texticon)", - "spectrum-button-s-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-white-textonly-name": "Button (s-accent-outline-white-textonly)", - "spectrum-button-s-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-white-textonly-name": "Button (s-primary-outline-white-textonly)", - "spectrum-button-s-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-white-textonly-name": "Button (s-secondary-outline-white-textonly)", - "spectrum-button-s-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-white-textonly-name": "Button (s-negative-outline-white-textonly)", - "spectrum-button-s-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-white-icononly-name": "Button (m-accent-outline-white-icononly)", - "spectrum-button-m-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-white-icononly-name": "Button (m-primary-outline-white-icononly)", - "spectrum-button-m-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-white-icononly-name": "Button (m-secondary-outline-white-icononly)", - "spectrum-button-m-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-white-icononly-name": "Button (m-negative-outline-white-icononly)", - "spectrum-button-m-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-white-texticon-name": "Button (m-accent-outline-white-texticon)", - "spectrum-button-m-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-white-texticon-name": "Button (m-primary-outline-white-texticon)", - "spectrum-button-m-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-white-texticon-name": "Button (m-secondary-outline-white-texticon)", - "spectrum-button-m-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-white-texticon-name": "Button (m-negative-outline-white-texticon)", - "spectrum-button-m-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-white-textonly-name": "Button (m-accent-outline-white-textonly)", - "spectrum-button-m-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-white-textonly-name": "Button (m-primary-outline-white-textonly)", - "spectrum-button-m-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-white-textonly-name": "Button (m-secondary-outline-white-textonly)", - "spectrum-button-m-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-white-textonly-name": "Button (m-negative-outline-white-textonly)", - "spectrum-button-m-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-white-icononly-name": "Button (l-accent-outline-white-icononly)", - "spectrum-button-l-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-white-icononly-name": "Button (l-primary-outline-white-icononly)", - "spectrum-button-l-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-white-icononly-name": "Button (l-secondary-outline-white-icononly)", - "spectrum-button-l-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-white-icononly-name": "Button (l-negative-outline-white-icononly)", - "spectrum-button-l-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-white-texticon-name": "Button (l-accent-outline-white-texticon)", - "spectrum-button-l-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-white-texticon-name": "Button (l-primary-outline-white-texticon)", - "spectrum-button-l-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-white-texticon-name": "Button (l-secondary-outline-white-texticon)", - "spectrum-button-l-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-white-texticon-name": "Button (l-negative-outline-white-texticon)", - "spectrum-button-l-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-white-textonly-name": "Button (l-accent-outline-white-textonly)", - "spectrum-button-l-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-white-textonly-name": "Button (l-primary-outline-white-textonly)", - "spectrum-button-l-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-white-textonly-name": "Button (l-secondary-outline-white-textonly)", - "spectrum-button-l-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-white-textonly-name": "Button (l-negative-outline-white-textonly)", - "spectrum-button-l-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-white-icononly-name": "Button (xl-accent-outline-white-icononly)", - "spectrum-button-xl-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-white-icononly-name": "Button (xl-primary-outline-white-icononly)", - "spectrum-button-xl-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-white-icononly-name": "Button (xl-secondary-outline-white-icononly)", - "spectrum-button-xl-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-white-icononly-name": "Button (xl-negative-outline-white-icononly)", - "spectrum-button-xl-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-white-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-white-texticon-name": "Button (xl-accent-outline-white-texticon)", - "spectrum-button-xl-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-white-texticon-name": "Button (xl-primary-outline-white-texticon)", - "spectrum-button-xl-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-white-texticon-name": "Button (xl-secondary-outline-white-texticon)", - "spectrum-button-xl-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-white-texticon-name": "Button (xl-negative-outline-white-texticon)", - "spectrum-button-xl-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-white-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-white-textonly-name": "Button (xl-accent-outline-white-textonly)", - "spectrum-button-xl-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-white-textonly-name": "Button (xl-primary-outline-white-textonly)", - "spectrum-button-xl-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-white-textonly-name": "Button (xl-secondary-outline-white-textonly)", - "spectrum-button-xl-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-white-textonly-name": "Button (xl-negative-outline-white-textonly)", - "spectrum-button-xl-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-white-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-black-icononly-name": "Button (s-accent-fill-black-icononly)", - "spectrum-button-s-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-black-icononly-name": "Button (s-primary-fill-black-icononly)", - "spectrum-button-s-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-black-icononly-name": "Button (s-secondary-fill-black-icononly)", - "spectrum-button-s-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-black-icononly-name": "Button (s-negative-fill-black-icononly)", - "spectrum-button-s-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-black-texticon-name": "Button (s-accent-fill-black-texticon)", - "spectrum-button-s-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-black-texticon-name": "Button (s-primary-fill-black-texticon)", - "spectrum-button-s-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-black-texticon-name": "Button (s-secondary-fill-black-texticon)", - "spectrum-button-s-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-black-texticon-name": "Button (s-negative-fill-black-texticon)", - "spectrum-button-s-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-fill-black-textonly-name": "Button (s-accent-fill-black-textonly)", - "spectrum-button-s-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-fill-black-textonly-name": "Button (s-primary-fill-black-textonly)", - "spectrum-button-s-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-fill-black-textonly-name": "Button (s-secondary-fill-black-textonly)", - "spectrum-button-s-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-fill-black-textonly-name": "Button (s-negative-fill-black-textonly)", - "spectrum-button-s-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-black-icononly-name": "Button (m-accent-fill-black-icononly)", - "spectrum-button-m-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-black-icononly-name": "Button (m-primary-fill-black-icononly)", - "spectrum-button-m-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-black-icononly-name": "Button (m-secondary-fill-black-icononly)", - "spectrum-button-m-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-black-icononly-name": "Button (m-negative-fill-black-icononly)", - "spectrum-button-m-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-black-texticon-name": "Button (m-accent-fill-black-texticon)", - "spectrum-button-m-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-black-texticon-name": "Button (m-primary-fill-black-texticon)", - "spectrum-button-m-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-black-texticon-name": "Button (m-secondary-fill-black-texticon)", - "spectrum-button-m-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-black-texticon-name": "Button (m-negative-fill-black-texticon)", - "spectrum-button-m-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-fill-black-textonly-name": "Button (m-accent-fill-black-textonly)", - "spectrum-button-m-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-fill-black-textonly-name": "Button (m-primary-fill-black-textonly)", - "spectrum-button-m-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-fill-black-textonly-name": "Button (m-secondary-fill-black-textonly)", - "spectrum-button-m-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-fill-black-textonly-name": "Button (m-negative-fill-black-textonly)", - "spectrum-button-m-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-black-icononly-name": "Button (l-accent-fill-black-icononly)", - "spectrum-button-l-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-black-icononly-name": "Button (l-primary-fill-black-icononly)", - "spectrum-button-l-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-black-icononly-name": "Button (l-secondary-fill-black-icononly)", - "spectrum-button-l-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-black-icononly-name": "Button (l-negative-fill-black-icononly)", - "spectrum-button-l-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-black-texticon-name": "Button (l-accent-fill-black-texticon)", - "spectrum-button-l-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-black-texticon-name": "Button (l-primary-fill-black-texticon)", - "spectrum-button-l-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-black-texticon-name": "Button (l-secondary-fill-black-texticon)", - "spectrum-button-l-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-black-texticon-name": "Button (l-negative-fill-black-texticon)", - "spectrum-button-l-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-fill-black-textonly-name": "Button (l-accent-fill-black-textonly)", - "spectrum-button-l-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-fill-black-textonly-name": "Button (l-primary-fill-black-textonly)", - "spectrum-button-l-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-fill-black-textonly-name": "Button (l-secondary-fill-black-textonly)", - "spectrum-button-l-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-fill-black-textonly-name": "Button (l-negative-fill-black-textonly)", - "spectrum-button-l-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-black-icononly-name": "Button (xl-accent-fill-black-icononly)", - "spectrum-button-xl-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-black-icononly-name": "Button (xl-primary-fill-black-icononly)", - "spectrum-button-xl-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-black-icononly-name": "Button (xl-secondary-fill-black-icononly)", - "spectrum-button-xl-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-black-icononly-name": "Button (xl-negative-fill-black-icononly)", - "spectrum-button-xl-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-black-texticon-name": "Button (xl-accent-fill-black-texticon)", - "spectrum-button-xl-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-black-texticon-name": "Button (xl-primary-fill-black-texticon)", - "spectrum-button-xl-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-black-texticon-name": "Button (xl-secondary-fill-black-texticon)", - "spectrum-button-xl-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-black-texticon-name": "Button (xl-negative-fill-black-texticon)", - "spectrum-button-xl-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-fill-black-textonly-name": "Button (xl-accent-fill-black-textonly)", - "spectrum-button-xl-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-fill-black-textonly-name": "Button (xl-primary-fill-black-textonly)", - "spectrum-button-xl-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-fill-black-textonly-name": "Button (xl-secondary-fill-black-textonly)", - "spectrum-button-xl-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-fill-black-textonly-name": "Button (xl-negative-fill-black-textonly)", - "spectrum-button-xl-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-black-icononly-name": "Button (s-accent-outline-black-icononly)", - "spectrum-button-s-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-black-icononly-name": "Button (s-primary-outline-black-icononly)", - "spectrum-button-s-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-black-icononly-name": "Button (s-secondary-outline-black-icononly)", - "spectrum-button-s-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-black-icononly-name": "Button (s-negative-outline-black-icononly)", - "spectrum-button-s-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-black-texticon-name": "Button (s-accent-outline-black-texticon)", - "spectrum-button-s-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-black-texticon-name": "Button (s-primary-outline-black-texticon)", - "spectrum-button-s-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-black-texticon-name": "Button (s-secondary-outline-black-texticon)", - "spectrum-button-s-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-black-texticon-name": "Button (s-negative-outline-black-texticon)", - "spectrum-button-s-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-s-accent-outline-black-textonly-name": "Button (s-accent-outline-black-textonly)", - "spectrum-button-s-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-primary-outline-black-textonly-name": "Button (s-primary-outline-black-textonly)", - "spectrum-button-s-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-secondary-outline-black-textonly-name": "Button (s-secondary-outline-black-textonly)", - "spectrum-button-s-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-s-negative-outline-black-textonly-name": "Button (s-negative-outline-black-textonly)", - "spectrum-button-s-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-black-icononly-name": "Button (m-accent-outline-black-icononly)", - "spectrum-button-m-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-black-icononly-name": "Button (m-primary-outline-black-icononly)", - "spectrum-button-m-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-black-icononly-name": "Button (m-secondary-outline-black-icononly)", - "spectrum-button-m-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-black-icononly-name": "Button (m-negative-outline-black-icononly)", - "spectrum-button-m-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-black-texticon-name": "Button (m-accent-outline-black-texticon)", - "spectrum-button-m-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-black-texticon-name": "Button (m-primary-outline-black-texticon)", - "spectrum-button-m-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-black-texticon-name": "Button (m-secondary-outline-black-texticon)", - "spectrum-button-m-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-black-texticon-name": "Button (m-negative-outline-black-texticon)", - "spectrum-button-m-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-m-accent-outline-black-textonly-name": "Button (m-accent-outline-black-textonly)", - "spectrum-button-m-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-primary-outline-black-textonly-name": "Button (m-primary-outline-black-textonly)", - "spectrum-button-m-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-secondary-outline-black-textonly-name": "Button (m-secondary-outline-black-textonly)", - "spectrum-button-m-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-m-negative-outline-black-textonly-name": "Button (m-negative-outline-black-textonly)", - "spectrum-button-m-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-black-icononly-name": "Button (l-accent-outline-black-icononly)", - "spectrum-button-l-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-black-icononly-name": "Button (l-primary-outline-black-icononly)", - "spectrum-button-l-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-black-icononly-name": "Button (l-secondary-outline-black-icononly)", - "spectrum-button-l-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-black-icononly-name": "Button (l-negative-outline-black-icononly)", - "spectrum-button-l-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-black-texticon-name": "Button (l-accent-outline-black-texticon)", - "spectrum-button-l-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-black-texticon-name": "Button (l-primary-outline-black-texticon)", - "spectrum-button-l-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-black-texticon-name": "Button (l-secondary-outline-black-texticon)", - "spectrum-button-l-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-black-texticon-name": "Button (l-negative-outline-black-texticon)", - "spectrum-button-l-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-l-accent-outline-black-textonly-name": "Button (l-accent-outline-black-textonly)", - "spectrum-button-l-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-primary-outline-black-textonly-name": "Button (l-primary-outline-black-textonly)", - "spectrum-button-l-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-secondary-outline-black-textonly-name": "Button (l-secondary-outline-black-textonly)", - "spectrum-button-l-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-l-negative-outline-black-textonly-name": "Button (l-negative-outline-black-textonly)", - "spectrum-button-l-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-black-icononly-name": "Button (xl-accent-outline-black-icononly)", - "spectrum-button-xl-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-black-icononly-name": "Button (xl-primary-outline-black-icononly)", - "spectrum-button-xl-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-black-icononly-name": "Button (xl-secondary-outline-black-icononly)", - "spectrum-button-xl-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-black-icononly-name": "Button (xl-negative-outline-black-icononly)", - "spectrum-button-xl-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-black-icononly-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-black-texticon-name": "Button (xl-accent-outline-black-texticon)", - "spectrum-button-xl-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-black-texticon-name": "Button (xl-primary-outline-black-texticon)", - "spectrum-button-xl-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-black-texticon-name": "Button (xl-secondary-outline-black-texticon)", - "spectrum-button-xl-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-black-texticon-name": "Button (xl-negative-outline-black-texticon)", - "spectrum-button-xl-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-black-texticon-version": "1.0.0-beta.0", - "spectrum-button-xl-accent-outline-black-textonly-name": "Button (xl-accent-outline-black-textonly)", - "spectrum-button-xl-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-primary-outline-black-textonly-name": "Button (xl-primary-outline-black-textonly)", - "spectrum-button-xl-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-secondary-outline-black-textonly-name": "Button (xl-secondary-outline-black-textonly)", - "spectrum-button-xl-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-button-xl-negative-outline-black-textonly-name": "Button (xl-negative-outline-black-textonly)", - "spectrum-button-xl-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-black-textonly-version": "1.0.0-beta.0", - "spectrum-buttongroup-name": "ButtonGroup (default)", - "spectrum-buttongroup-description": "ButtonGroup with no options", - "spectrum-buttongroup-version": "1.0.0-beta.0", - "spectrum-calendar-name": "Calendar (default)", - "spectrum-calendar-description": "Calendar with no options", - "spectrum-calendar-version": "1.0.0-beta.0", - "spectrum-card-s-quiet-name": "Card (s-quiet)", - "spectrum-card-s-quiet-description": "Card with options size=s quiet=true", - "spectrum-card-s-quiet-version": "1.0.0-beta.0", - "spectrum-card-s-name": "Card (s)", - "spectrum-card-s-description": "Card with options size=s quiet=false", - "spectrum-card-s-version": "1.0.0-beta.0", - "spectrum-card-m-quiet-name": "Card (m-quiet)", - "spectrum-card-m-quiet-description": "Card with options size=m quiet=true", - "spectrum-card-m-quiet-version": "1.0.0-beta.0", - "spectrum-card-m-name": "Card (m)", - "spectrum-card-m-description": "Card with options size=m quiet=false", - "spectrum-card-m-version": "1.0.0-beta.0", - "spectrum-checkbox-s-emphasized-name": "Checkbox (s-emphasized)", - "spectrum-checkbox-s-emphasized-description": "Checkbox with options size=s emphasized=true", - "spectrum-checkbox-s-emphasized-version": "1.0.0-beta.0", - "spectrum-checkbox-s-name": "Checkbox (s)", - "spectrum-checkbox-s-description": "Checkbox with options size=s emphasized=false", - "spectrum-checkbox-s-version": "1.0.0-beta.0", - "spectrum-checkbox-m-emphasized-name": "Checkbox (m-emphasized)", - "spectrum-checkbox-m-emphasized-description": "Checkbox with options size=m emphasized=true", - "spectrum-checkbox-m-emphasized-version": "1.0.0-beta.0", - "spectrum-checkbox-m-name": "Checkbox (m)", - "spectrum-checkbox-m-description": "Checkbox with options size=m emphasized=false", - "spectrum-checkbox-m-version": "1.0.0-beta.0", - "spectrum-checkbox-l-emphasized-name": "Checkbox (l-emphasized)", - "spectrum-checkbox-l-emphasized-description": "Checkbox with options size=l emphasized=true", - "spectrum-checkbox-l-emphasized-version": "1.0.0-beta.0", - "spectrum-checkbox-l-name": "Checkbox (l)", - "spectrum-checkbox-l-description": "Checkbox with options size=l emphasized=false", - "spectrum-checkbox-l-version": "1.0.0-beta.0", - "spectrum-checkbox-xl-emphasized-name": "Checkbox (xl-emphasized)", - "spectrum-checkbox-xl-emphasized-description": "Checkbox with options size=xl emphasized=true", - "spectrum-checkbox-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-checkbox-xl-name": "Checkbox (xl)", - "spectrum-checkbox-xl-description": "Checkbox with options size=xl emphasized=false", - "spectrum-checkbox-xl-version": "1.0.0-beta.0", - "spectrum-clearbutton-s-name": "ClearButton (s)", - "spectrum-clearbutton-s-description": "ClearButton with options size=s", - "spectrum-clearbutton-s-version": "1.0.0-beta.0", - "spectrum-clearbutton-m-name": "ClearButton (m)", - "spectrum-clearbutton-m-description": "ClearButton with options size=m", - "spectrum-clearbutton-m-version": "1.0.0-beta.0", - "spectrum-clearbutton-l-name": "ClearButton (l)", - "spectrum-clearbutton-l-description": "ClearButton with options size=l", - "spectrum-clearbutton-l-version": "1.0.0-beta.0", - "spectrum-clearbutton-xl-name": "ClearButton (xl)", - "spectrum-clearbutton-xl-description": "ClearButton with options size=xl", - "spectrum-clearbutton-xl-version": "1.0.0-beta.0", - "spectrum-closebutton-s-none-name": "CloseButton (s-none)", - "spectrum-closebutton-s-none-description": "CloseButton with options size=s iconSize=large staticColor=none", - "spectrum-closebutton-s-none-version": "1.0.0-beta.0", - "spectrum-closebutton-s-white-name": "CloseButton (s-white)", - "spectrum-closebutton-s-white-description": "CloseButton with options size=s iconSize=large staticColor=white", - "spectrum-closebutton-s-white-version": "1.0.0-beta.0", - "spectrum-closebutton-s-black-name": "CloseButton (s-black)", - "spectrum-closebutton-s-black-description": "CloseButton with options size=s iconSize=large staticColor=black", - "spectrum-closebutton-s-black-version": "1.0.0-beta.0", - "spectrum-closebutton-m-none-name": "CloseButton (m-none)", - "spectrum-closebutton-m-none-description": "CloseButton with options size=m iconSize=large staticColor=none", - "spectrum-closebutton-m-none-version": "1.0.0-beta.0", - "spectrum-closebutton-m-white-name": "CloseButton (m-white)", - "spectrum-closebutton-m-white-description": "CloseButton with options size=m iconSize=large staticColor=white", - "spectrum-closebutton-m-white-version": "1.0.0-beta.0", - "spectrum-closebutton-m-black-name": "CloseButton (m-black)", - "spectrum-closebutton-m-black-description": "CloseButton with options size=m iconSize=large staticColor=black", - "spectrum-closebutton-m-black-version": "1.0.0-beta.0", - "spectrum-closebutton-l-none-name": "CloseButton (l-none)", - "spectrum-closebutton-l-none-description": "CloseButton with options size=l iconSize=large staticColor=none", - "spectrum-closebutton-l-none-version": "1.0.0-beta.0", - "spectrum-closebutton-l-white-name": "CloseButton (l-white)", - "spectrum-closebutton-l-white-description": "CloseButton with options size=l iconSize=large staticColor=white", - "spectrum-closebutton-l-white-version": "1.0.0-beta.0", - "spectrum-closebutton-l-black-name": "CloseButton (l-black)", - "spectrum-closebutton-l-black-description": "CloseButton with options size=l iconSize=large staticColor=black", - "spectrum-closebutton-l-black-version": "1.0.0-beta.0", - "spectrum-closebutton-xl-none-name": "CloseButton (xl-none)", - "spectrum-closebutton-xl-none-description": "CloseButton with options size=xl iconSize=large staticColor=none", - "spectrum-closebutton-xl-none-version": "1.0.0-beta.0", - "spectrum-closebutton-xl-white-name": "CloseButton (xl-white)", - "spectrum-closebutton-xl-white-description": "CloseButton with options size=xl iconSize=large staticColor=white", - "spectrum-closebutton-xl-white-version": "1.0.0-beta.0", - "spectrum-closebutton-xl-black-name": "CloseButton (xl-black)", - "spectrum-closebutton-xl-black-description": "CloseButton with options size=xl iconSize=large staticColor=black", - "spectrum-closebutton-xl-black-version": "1.0.0-beta.0", - "spectrum-coachmark-quiet-name": "Coachmark (quiet)", - "spectrum-coachmark-quiet-description": "Coachmark with options quiet=true", - "spectrum-coachmark-quiet-status": "Verified", - "spectrum-coachmark-quiet-version": "1.0.0-beta.0", - "spectrum-coachmark-name": "Coachmark (default)", - "spectrum-coachmark-description": "Coachmark with options quiet=false", - "spectrum-coachmark-status": "Verified", - "spectrum-coachmark-version": "1.0.0-beta.0", - "spectrum-code-xs-emphasized-strong-name": "Code (xs-emphasized-strong)", - "spectrum-code-xs-emphasized-strong-description": "Code with options script=latin size=xs emphasized=true strong=true", - "spectrum-code-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-xs-emphasized-name": "Code (xs-emphasized)", - "spectrum-code-xs-emphasized-description": "Code with options script=latin size=xs emphasized=true strong=false", - "spectrum-code-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-code-xs-strong-name": "Code (xs-strong)", - "spectrum-code-xs-strong-description": "Code with options script=latin size=xs emphasized=false strong=true", - "spectrum-code-xs-strong-version": "1.0.0-beta.0", - "spectrum-code-xs-name": "Code (xs)", - "spectrum-code-xs-description": "Code with options script=latin size=xs emphasized=false strong=false", - "spectrum-code-xs-version": "1.0.0-beta.0", - "spectrum-code-s-emphasized-strong-name": "Code (s-emphasized-strong)", - "spectrum-code-s-emphasized-strong-description": "Code with options script=latin size=s emphasized=true strong=true", - "spectrum-code-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-s-emphasized-name": "Code (s-emphasized)", - "spectrum-code-s-emphasized-description": "Code with options script=latin size=s emphasized=true strong=false", - "spectrum-code-s-emphasized-version": "1.0.0-beta.0", - "spectrum-code-s-strong-name": "Code (s-strong)", - "spectrum-code-s-strong-description": "Code with options script=latin size=s emphasized=false strong=true", - "spectrum-code-s-strong-version": "1.0.0-beta.0", - "spectrum-code-s-name": "Code (s)", - "spectrum-code-s-description": "Code with options script=latin size=s emphasized=false strong=false", - "spectrum-code-s-version": "1.0.0-beta.0", - "spectrum-code-m-emphasized-strong-name": "Code (m-emphasized-strong)", - "spectrum-code-m-emphasized-strong-description": "Code with options script=latin size=m emphasized=true strong=true", - "spectrum-code-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-m-emphasized-name": "Code (m-emphasized)", - "spectrum-code-m-emphasized-description": "Code with options script=latin size=m emphasized=true strong=false", - "spectrum-code-m-emphasized-version": "1.0.0-beta.0", - "spectrum-code-m-strong-name": "Code (m-strong)", - "spectrum-code-m-strong-description": "Code with options script=latin size=m emphasized=false strong=true", - "spectrum-code-m-strong-version": "1.0.0-beta.0", - "spectrum-code-m-name": "Code (m)", - "spectrum-code-m-description": "Code with options script=latin size=m emphasized=false strong=false", - "spectrum-code-m-version": "1.0.0-beta.0", - "spectrum-code-l-emphasized-strong-name": "Code (l-emphasized-strong)", - "spectrum-code-l-emphasized-strong-description": "Code with options script=latin size=l emphasized=true strong=true", - "spectrum-code-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-l-emphasized-name": "Code (l-emphasized)", - "spectrum-code-l-emphasized-description": "Code with options script=latin size=l emphasized=true strong=false", - "spectrum-code-l-emphasized-version": "1.0.0-beta.0", - "spectrum-code-l-strong-name": "Code (l-strong)", - "spectrum-code-l-strong-description": "Code with options script=latin size=l emphasized=false strong=true", - "spectrum-code-l-strong-version": "1.0.0-beta.0", - "spectrum-code-l-name": "Code (l)", - "spectrum-code-l-description": "Code with options script=latin size=l emphasized=false strong=false", - "spectrum-code-l-version": "1.0.0-beta.0", - "spectrum-code-xl-emphasized-strong-name": "Code (xl-emphasized-strong)", - "spectrum-code-xl-emphasized-strong-description": "Code with options script=latin size=xl emphasized=true strong=true", - "spectrum-code-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-xl-emphasized-name": "Code (xl-emphasized)", - "spectrum-code-xl-emphasized-description": "Code with options script=latin size=xl emphasized=true strong=false", - "spectrum-code-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-code-xl-strong-name": "Code (xl-strong)", - "spectrum-code-xl-strong-description": "Code with options script=latin size=xl emphasized=false strong=true", - "spectrum-code-xl-strong-version": "1.0.0-beta.0", - "spectrum-code-xl-name": "Code (xl)", - "spectrum-code-xl-description": "Code with options script=latin size=xl emphasized=false strong=false", - "spectrum-code-xl-version": "1.0.0-beta.0", - "spectrum-code-han-xs-emphasized-strong-name": "Code (han-xs-emphasized-strong)", - "spectrum-code-han-xs-emphasized-strong-description": "Code with options script=han size=xs emphasized=true strong=true", - "spectrum-code-han-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-han-xs-emphasized-name": "Code (han-xs-emphasized)", - "spectrum-code-han-xs-emphasized-description": "Code with options script=han size=xs emphasized=true strong=false", - "spectrum-code-han-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-code-han-xs-strong-name": "Code (han-xs-strong)", - "spectrum-code-han-xs-strong-description": "Code with options script=han size=xs emphasized=false strong=true", - "spectrum-code-han-xs-strong-version": "1.0.0-beta.0", - "spectrum-code-han-xs-name": "Code (han-xs)", - "spectrum-code-han-xs-description": "Code with options script=han size=xs emphasized=false strong=false", - "spectrum-code-han-xs-version": "1.0.0-beta.0", - "spectrum-code-han-s-emphasized-strong-name": "Code (han-s-emphasized-strong)", - "spectrum-code-han-s-emphasized-strong-description": "Code with options script=han size=s emphasized=true strong=true", - "spectrum-code-han-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-han-s-emphasized-name": "Code (han-s-emphasized)", - "spectrum-code-han-s-emphasized-description": "Code with options script=han size=s emphasized=true strong=false", - "spectrum-code-han-s-emphasized-version": "1.0.0-beta.0", - "spectrum-code-han-s-strong-name": "Code (han-s-strong)", - "spectrum-code-han-s-strong-description": "Code with options script=han size=s emphasized=false strong=true", - "spectrum-code-han-s-strong-version": "1.0.0-beta.0", - "spectrum-code-han-s-name": "Code (han-s)", - "spectrum-code-han-s-description": "Code with options script=han size=s emphasized=false strong=false", - "spectrum-code-han-s-version": "1.0.0-beta.0", - "spectrum-code-han-m-emphasized-strong-name": "Code (han-m-emphasized-strong)", - "spectrum-code-han-m-emphasized-strong-description": "Code with options script=han size=m emphasized=true strong=true", - "spectrum-code-han-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-han-m-emphasized-name": "Code (han-m-emphasized)", - "spectrum-code-han-m-emphasized-description": "Code with options script=han size=m emphasized=true strong=false", - "spectrum-code-han-m-emphasized-version": "1.0.0-beta.0", - "spectrum-code-han-m-strong-name": "Code (han-m-strong)", - "spectrum-code-han-m-strong-description": "Code with options script=han size=m emphasized=false strong=true", - "spectrum-code-han-m-strong-version": "1.0.0-beta.0", - "spectrum-code-han-m-name": "Code (han-m)", - "spectrum-code-han-m-description": "Code with options script=han size=m emphasized=false strong=false", - "spectrum-code-han-m-version": "1.0.0-beta.0", - "spectrum-code-han-l-emphasized-strong-name": "Code (han-l-emphasized-strong)", - "spectrum-code-han-l-emphasized-strong-description": "Code with options script=han size=l emphasized=true strong=true", - "spectrum-code-han-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-han-l-emphasized-name": "Code (han-l-emphasized)", - "spectrum-code-han-l-emphasized-description": "Code with options script=han size=l emphasized=true strong=false", - "spectrum-code-han-l-emphasized-version": "1.0.0-beta.0", - "spectrum-code-han-l-strong-name": "Code (han-l-strong)", - "spectrum-code-han-l-strong-description": "Code with options script=han size=l emphasized=false strong=true", - "spectrum-code-han-l-strong-version": "1.0.0-beta.0", - "spectrum-code-han-l-name": "Code (han-l)", - "spectrum-code-han-l-description": "Code with options script=han size=l emphasized=false strong=false", - "spectrum-code-han-l-version": "1.0.0-beta.0", - "spectrum-code-han-xl-emphasized-strong-name": "Code (han-xl-emphasized-strong)", - "spectrum-code-han-xl-emphasized-strong-description": "Code with options script=han size=xl emphasized=true strong=true", - "spectrum-code-han-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-code-han-xl-emphasized-name": "Code (han-xl-emphasized)", - "spectrum-code-han-xl-emphasized-description": "Code with options script=han size=xl emphasized=true strong=false", - "spectrum-code-han-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-code-han-xl-strong-name": "Code (han-xl-strong)", - "spectrum-code-han-xl-strong-description": "Code with options script=han size=xl emphasized=false strong=true", - "spectrum-code-han-xl-strong-version": "1.0.0-beta.0", - "spectrum-code-han-xl-name": "Code (han-xl)", - "spectrum-code-han-xl-description": "Code with options script=han size=xl emphasized=false strong=false", - "spectrum-code-han-xl-version": "1.0.0-beta.0", - "spectrum-colorarea-name": "ColorArea (default)", - "spectrum-colorarea-description": "ColorArea with no options", - "spectrum-colorarea-status": "Verified", - "spectrum-colorarea-version": "1.0.0-beta.0", - "spectrum-colorhandle-name": "ColorHandle (default)", - "spectrum-colorhandle-description": "ColorHandle with no options", - "spectrum-colorhandle-status": "Verified", - "spectrum-colorhandle-version": "1.0.0-beta.0", - "spectrum-colorloupe-name": "ColorLoupe (default)", - "spectrum-colorloupe-description": "ColorLoupe with no options", - "spectrum-colorloupe-version": "1.0.0-beta.0", - "spectrum-colorslider-vertical-name": "ColorSlider (vertical)", - "spectrum-colorslider-vertical-description": "ColorSlider with options vertical=true", - "spectrum-colorslider-vertical-status": "Verified", - "spectrum-colorslider-vertical-version": "1.0.0-beta.0", - "spectrum-colorslider-name": "ColorSlider (default)", - "spectrum-colorslider-description": "ColorSlider with options vertical=false", - "spectrum-colorslider-status": "Verified", - "spectrum-colorslider-version": "1.0.0-beta.0", - "spectrum-colorwheel-name": "ColorWheel (default)", - "spectrum-colorwheel-description": "ColorWheel with no options", - "spectrum-colorwheel-status": "Verified", - "spectrum-colorwheel-version": "1.0.0-beta.0", - "spectrum-combobox-s-quiet-name": "ComboBox (s-quiet)", - "spectrum-combobox-s-quiet-description": "ComboBox with options size=s quiet=true", - "spectrum-combobox-s-quiet-status": "Verified", - "spectrum-combobox-s-quiet-version": "1.0.0-beta.0", - "spectrum-combobox-s-name": "ComboBox (s)", - "spectrum-combobox-s-description": "ComboBox with options size=s quiet=false", - "spectrum-combobox-s-status": "Verified", - "spectrum-combobox-s-version": "1.0.0-beta.0", - "spectrum-combobox-m-quiet-name": "ComboBox (m-quiet)", - "spectrum-combobox-m-quiet-description": "ComboBox with options size=m quiet=true", - "spectrum-combobox-m-quiet-status": "Verified", - "spectrum-combobox-m-quiet-version": "1.0.0-beta.0", - "spectrum-combobox-m-name": "ComboBox (m)", - "spectrum-combobox-m-description": "ComboBox with options size=m quiet=false", - "spectrum-combobox-m-status": "Verified", - "spectrum-combobox-m-version": "1.0.0-beta.0", - "spectrum-combobox-l-quiet-name": "ComboBox (l-quiet)", - "spectrum-combobox-l-quiet-description": "ComboBox with options size=l quiet=true", - "spectrum-combobox-l-quiet-status": "Verified", - "spectrum-combobox-l-quiet-version": "1.0.0-beta.0", - "spectrum-combobox-l-name": "ComboBox (l)", - "spectrum-combobox-l-description": "ComboBox with options size=l quiet=false", - "spectrum-combobox-l-status": "Verified", - "spectrum-combobox-l-version": "1.0.0-beta.0", - "spectrum-combobox-xl-quiet-name": "ComboBox (xl-quiet)", - "spectrum-combobox-xl-quiet-description": "ComboBox with options size=xl quiet=true", - "spectrum-combobox-xl-quiet-status": "Verified", - "spectrum-combobox-xl-quiet-version": "1.0.0-beta.0", - "spectrum-combobox-xl-name": "ComboBox (xl)", - "spectrum-combobox-xl-description": "ComboBox with options size=xl quiet=false", - "spectrum-combobox-xl-status": "Verified", - "spectrum-combobox-xl-version": "1.0.0-beta.0", - "spectrum-cyclebutton-name": "CycleButton (default)", - "spectrum-cyclebutton-description": "CycleButton with no options", - "spectrum-cyclebutton-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-light-emphasized-strong-name": "Detail (s-serif-light-emphasized-strong)", - "spectrum-detail-s-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-detail-s-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-light-emphasized-name": "Detail (s-serif-light-emphasized)", - "spectrum-detail-s-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-detail-s-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-light-strong-name": "Detail (s-serif-light-strong)", - "spectrum-detail-s-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-detail-s-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-light-name": "Detail (s-serif-light)", - "spectrum-detail-s-serif-light-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-detail-s-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-light-emphasized-strong-name": "Detail (m-serif-light-emphasized-strong)", - "spectrum-detail-m-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-detail-m-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-light-emphasized-name": "Detail (m-serif-light-emphasized)", - "spectrum-detail-m-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-detail-m-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-light-strong-name": "Detail (m-serif-light-strong)", - "spectrum-detail-m-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-detail-m-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-light-name": "Detail (m-serif-light)", - "spectrum-detail-m-serif-light-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-detail-m-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-light-emphasized-strong-name": "Detail (l-serif-light-emphasized-strong)", - "spectrum-detail-l-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-detail-l-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-light-emphasized-name": "Detail (l-serif-light-emphasized)", - "spectrum-detail-l-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-detail-l-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-light-strong-name": "Detail (l-serif-light-strong)", - "spectrum-detail-l-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-detail-l-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-light-name": "Detail (l-serif-light)", - "spectrum-detail-l-serif-light-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-detail-l-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-light-emphasized-strong-name": "Detail (xl-serif-light-emphasized-strong)", - "spectrum-detail-xl-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-light-emphasized-name": "Detail (xl-serif-light-emphasized)", - "spectrum-detail-xl-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-light-strong-name": "Detail (xl-serif-light-strong)", - "spectrum-detail-xl-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-light-name": "Detail (xl-serif-light)", - "spectrum-detail-xl-serif-light-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-s-light-emphasized-strong-name": "Detail (s-light-emphasized-strong)", - "spectrum-detail-s-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-s-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-light-emphasized-name": "Detail (s-light-emphasized)", - "spectrum-detail-s-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-s-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-s-light-strong-name": "Detail (s-light-strong)", - "spectrum-detail-s-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-s-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-light-name": "Detail (s-light)", - "spectrum-detail-s-light-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-s-light-version": "1.0.0-beta.0", - "spectrum-detail-m-light-emphasized-strong-name": "Detail (m-light-emphasized-strong)", - "spectrum-detail-m-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-m-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-light-emphasized-name": "Detail (m-light-emphasized)", - "spectrum-detail-m-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-m-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-m-light-strong-name": "Detail (m-light-strong)", - "spectrum-detail-m-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-m-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-light-name": "Detail (m-light)", - "spectrum-detail-m-light-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-m-light-version": "1.0.0-beta.0", - "spectrum-detail-l-light-emphasized-strong-name": "Detail (l-light-emphasized-strong)", - "spectrum-detail-l-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-l-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-light-emphasized-name": "Detail (l-light-emphasized)", - "spectrum-detail-l-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-l-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-l-light-strong-name": "Detail (l-light-strong)", - "spectrum-detail-l-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-l-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-light-name": "Detail (l-light)", - "spectrum-detail-l-light-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-l-light-version": "1.0.0-beta.0", - "spectrum-detail-xl-light-emphasized-strong-name": "Detail (xl-light-emphasized-strong)", - "spectrum-detail-xl-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-light-emphasized-name": "Detail (xl-light-emphasized)", - "spectrum-detail-xl-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-xl-light-strong-name": "Detail (xl-light-strong)", - "spectrum-detail-xl-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-light-name": "Detail (xl-light)", - "spectrum-detail-xl-light-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-light-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-emphasized-strong-name": "Detail (s-serif-emphasized-strong)", - "spectrum-detail-s-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-detail-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-emphasized-name": "Detail (s-serif-emphasized)", - "spectrum-detail-s-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-detail-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-strong-name": "Detail (s-serif-strong)", - "spectrum-detail-s-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-detail-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-serif-name": "Detail (s-serif)", - "spectrum-detail-s-serif-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-detail-s-serif-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-emphasized-strong-name": "Detail (m-serif-emphasized-strong)", - "spectrum-detail-m-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-detail-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-emphasized-name": "Detail (m-serif-emphasized)", - "spectrum-detail-m-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-detail-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-strong-name": "Detail (m-serif-strong)", - "spectrum-detail-m-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-detail-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-serif-name": "Detail (m-serif)", - "spectrum-detail-m-serif-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-detail-m-serif-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-emphasized-strong-name": "Detail (l-serif-emphasized-strong)", - "spectrum-detail-l-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-detail-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-emphasized-name": "Detail (l-serif-emphasized)", - "spectrum-detail-l-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-detail-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-strong-name": "Detail (l-serif-strong)", - "spectrum-detail-l-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-detail-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-serif-name": "Detail (l-serif)", - "spectrum-detail-l-serif-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-detail-l-serif-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-emphasized-strong-name": "Detail (xl-serif-emphasized-strong)", - "spectrum-detail-xl-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-emphasized-name": "Detail (xl-serif-emphasized)", - "spectrum-detail-xl-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-strong-name": "Detail (xl-serif-strong)", - "spectrum-detail-xl-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-serif-name": "Detail (xl-serif)", - "spectrum-detail-xl-serif-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-serif-version": "1.0.0-beta.0", - "spectrum-detail-s-emphasized-strong-name": "Detail (s-emphasized-strong)", - "spectrum-detail-s-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-emphasized-name": "Detail (s-emphasized)", - "spectrum-detail-s-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-s-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-s-strong-name": "Detail (s-strong)", - "spectrum-detail-s-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-s-strong-version": "1.0.0-beta.0", - "spectrum-detail-s-name": "Detail (s)", - "spectrum-detail-s-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-s-version": "1.0.0-beta.0", - "spectrum-detail-m-emphasized-strong-name": "Detail (m-emphasized-strong)", - "spectrum-detail-m-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-emphasized-name": "Detail (m-emphasized)", - "spectrum-detail-m-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-m-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-m-strong-name": "Detail (m-strong)", - "spectrum-detail-m-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-m-strong-version": "1.0.0-beta.0", - "spectrum-detail-m-name": "Detail (m)", - "spectrum-detail-m-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-m-version": "1.0.0-beta.0", - "spectrum-detail-l-emphasized-strong-name": "Detail (l-emphasized-strong)", - "spectrum-detail-l-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-emphasized-name": "Detail (l-emphasized)", - "spectrum-detail-l-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-l-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-l-strong-name": "Detail (l-strong)", - "spectrum-detail-l-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-l-strong-version": "1.0.0-beta.0", - "spectrum-detail-l-name": "Detail (l)", - "spectrum-detail-l-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-l-version": "1.0.0-beta.0", - "spectrum-detail-xl-emphasized-strong-name": "Detail (xl-emphasized-strong)", - "spectrum-detail-xl-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-emphasized-name": "Detail (xl-emphasized)", - "spectrum-detail-xl-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-xl-strong-name": "Detail (xl-strong)", - "spectrum-detail-xl-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-strong-version": "1.0.0-beta.0", - "spectrum-detail-xl-name": "Detail (xl)", - "spectrum-detail-xl-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-light-emphasized-strong-name": "Detail (han-s-serif-light-emphasized-strong)", - "spectrum-detail-han-s-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-light-emphasized-name": "Detail (han-s-serif-light-emphasized)", - "spectrum-detail-han-s-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-light-strong-name": "Detail (han-s-serif-light-strong)", - "spectrum-detail-han-s-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-light-name": "Detail (han-s-serif-light)", - "spectrum-detail-han-s-serif-light-description": "Detail with options script=han weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-light-emphasized-strong-name": "Detail (han-m-serif-light-emphasized-strong)", - "spectrum-detail-han-m-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-light-emphasized-name": "Detail (han-m-serif-light-emphasized)", - "spectrum-detail-han-m-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-light-strong-name": "Detail (han-m-serif-light-strong)", - "spectrum-detail-han-m-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-light-name": "Detail (han-m-serif-light)", - "spectrum-detail-han-m-serif-light-description": "Detail with options script=han weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-light-emphasized-strong-name": "Detail (han-l-serif-light-emphasized-strong)", - "spectrum-detail-han-l-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-light-emphasized-name": "Detail (han-l-serif-light-emphasized)", - "spectrum-detail-han-l-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-light-strong-name": "Detail (han-l-serif-light-strong)", - "spectrum-detail-han-l-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-light-name": "Detail (han-l-serif-light)", - "spectrum-detail-han-l-serif-light-description": "Detail with options script=han weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-light-emphasized-strong-name": "Detail (han-xl-serif-light-emphasized-strong)", - "spectrum-detail-han-xl-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-light-emphasized-name": "Detail (han-xl-serif-light-emphasized)", - "spectrum-detail-han-xl-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-light-strong-name": "Detail (han-xl-serif-light-strong)", - "spectrum-detail-han-xl-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-light-name": "Detail (han-xl-serif-light)", - "spectrum-detail-han-xl-serif-light-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-serif-light-version": "1.0.0-beta.0", - "spectrum-detail-han-s-light-emphasized-strong-name": "Detail (han-s-light-emphasized-strong)", - "spectrum-detail-han-s-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-light-emphasized-name": "Detail (han-s-light-emphasized)", - "spectrum-detail-han-s-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-s-light-strong-name": "Detail (han-s-light-strong)", - "spectrum-detail-han-s-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-light-name": "Detail (han-s-light)", - "spectrum-detail-han-s-light-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-light-version": "1.0.0-beta.0", - "spectrum-detail-han-m-light-emphasized-strong-name": "Detail (han-m-light-emphasized-strong)", - "spectrum-detail-han-m-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-light-emphasized-name": "Detail (han-m-light-emphasized)", - "spectrum-detail-han-m-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-m-light-strong-name": "Detail (han-m-light-strong)", - "spectrum-detail-han-m-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-light-name": "Detail (han-m-light)", - "spectrum-detail-han-m-light-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-light-version": "1.0.0-beta.0", - "spectrum-detail-han-l-light-emphasized-strong-name": "Detail (han-l-light-emphasized-strong)", - "spectrum-detail-han-l-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-light-emphasized-name": "Detail (han-l-light-emphasized)", - "spectrum-detail-han-l-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-l-light-strong-name": "Detail (han-l-light-strong)", - "spectrum-detail-han-l-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-light-name": "Detail (han-l-light)", - "spectrum-detail-han-l-light-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-light-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-light-emphasized-strong-name": "Detail (han-xl-light-emphasized-strong)", - "spectrum-detail-han-xl-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-light-emphasized-name": "Detail (han-xl-light-emphasized)", - "spectrum-detail-han-xl-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-light-strong-name": "Detail (han-xl-light-strong)", - "spectrum-detail-han-xl-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-light-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-light-name": "Detail (han-xl-light)", - "spectrum-detail-han-xl-light-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-light-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-emphasized-strong-name": "Detail (han-s-serif-emphasized-strong)", - "spectrum-detail-han-s-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-emphasized-name": "Detail (han-s-serif-emphasized)", - "spectrum-detail-han-s-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-strong-name": "Detail (han-s-serif-strong)", - "spectrum-detail-han-s-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-serif-name": "Detail (han-s-serif)", - "spectrum-detail-han-s-serif-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-serif-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-emphasized-strong-name": "Detail (han-m-serif-emphasized-strong)", - "spectrum-detail-han-m-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-emphasized-name": "Detail (han-m-serif-emphasized)", - "spectrum-detail-han-m-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-strong-name": "Detail (han-m-serif-strong)", - "spectrum-detail-han-m-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-serif-name": "Detail (han-m-serif)", - "spectrum-detail-han-m-serif-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-serif-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-emphasized-strong-name": "Detail (han-l-serif-emphasized-strong)", - "spectrum-detail-han-l-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-emphasized-name": "Detail (han-l-serif-emphasized)", - "spectrum-detail-han-l-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-strong-name": "Detail (han-l-serif-strong)", - "spectrum-detail-han-l-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-serif-name": "Detail (han-l-serif)", - "spectrum-detail-han-l-serif-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-serif-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-emphasized-strong-name": "Detail (han-xl-serif-emphasized-strong)", - "spectrum-detail-han-xl-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-emphasized-name": "Detail (han-xl-serif-emphasized)", - "spectrum-detail-han-xl-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-strong-name": "Detail (han-xl-serif-strong)", - "spectrum-detail-han-xl-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-serif-name": "Detail (han-xl-serif)", - "spectrum-detail-han-xl-serif-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-serif-version": "1.0.0-beta.0", - "spectrum-detail-han-s-emphasized-strong-name": "Detail (han-s-emphasized-strong)", - "spectrum-detail-han-s-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-emphasized-name": "Detail (han-s-emphasized)", - "spectrum-detail-han-s-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-s-strong-name": "Detail (han-s-strong)", - "spectrum-detail-han-s-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-s-name": "Detail (han-s)", - "spectrum-detail-han-s-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-version": "1.0.0-beta.0", - "spectrum-detail-han-m-emphasized-strong-name": "Detail (han-m-emphasized-strong)", - "spectrum-detail-han-m-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-emphasized-name": "Detail (han-m-emphasized)", - "spectrum-detail-han-m-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-m-strong-name": "Detail (han-m-strong)", - "spectrum-detail-han-m-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-m-name": "Detail (han-m)", - "spectrum-detail-han-m-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-version": "1.0.0-beta.0", - "spectrum-detail-han-l-emphasized-strong-name": "Detail (han-l-emphasized-strong)", - "spectrum-detail-han-l-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-emphasized-name": "Detail (han-l-emphasized)", - "spectrum-detail-han-l-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-l-strong-name": "Detail (han-l-strong)", - "spectrum-detail-han-l-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-l-name": "Detail (han-l)", - "spectrum-detail-han-l-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-emphasized-strong-name": "Detail (han-xl-emphasized-strong)", - "spectrum-detail-han-xl-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-emphasized-name": "Detail (han-xl-emphasized)", - "spectrum-detail-han-xl-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-strong-name": "Detail (han-xl-strong)", - "spectrum-detail-han-xl-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-strong-version": "1.0.0-beta.0", - "spectrum-detail-han-xl-name": "Detail (han-xl)", - "spectrum-detail-han-xl-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-version": "1.0.0-beta.0", - "spectrum-dial-small-name": "Dial (small)", - "spectrum-dial-small-description": "Dial with options small=true", - "spectrum-dial-small-version": "1.0.0-beta.0", - "spectrum-dial-name": "Dial (default)", - "spectrum-dial-description": "Dial with options small=false", - "spectrum-dial-version": "1.0.0-beta.0", - "spectrum-dialog-confirm-name": "Dialog (confirm)", - "spectrum-dialog-confirm-description": "Dialog with options variant=confirm", - "spectrum-dialog-confirm-status": "Verified", - "spectrum-dialog-confirm-version": "1.0.0-beta.0", - "spectrum-dialog-destructive-name": "Dialog (destructive)", - "spectrum-dialog-destructive-description": "Dialog with options variant=destructive", - "spectrum-dialog-destructive-status": "Verified", - "spectrum-dialog-destructive-version": "1.0.0-beta.0", - "spectrum-dialog-error-name": "Dialog (error)", - "spectrum-dialog-error-description": "Dialog with options variant=error", - "spectrum-dialog-error-status": "Verified", - "spectrum-dialog-error-version": "1.0.0-beta.0", - "spectrum-dialog-info-name": "Dialog (info)", - "spectrum-dialog-info-description": "Dialog with options variant=info", - "spectrum-dialog-info-status": "Verified", - "spectrum-dialog-info-version": "1.0.0-beta.0", - "spectrum-dialog-fullscreen-name": "Dialog (fullscreen)", - "spectrum-dialog-fullscreen-description": "Dialog with options variant=fullscreen", - "spectrum-dialog-fullscreen-status": "Verified", - "spectrum-dialog-fullscreen-version": "1.0.0-beta.0", - "spectrum-dialog-fullscreentakeover-name": "Dialog (fullscreentakeover)", - "spectrum-dialog-fullscreentakeover-description": "Dialog with options variant=fullscreentakeover", - "spectrum-dialog-fullscreentakeover-status": "Verified", - "spectrum-dialog-fullscreentakeover-version": "1.0.0-beta.0", - "spectrum-divider-s-name": "Divider (s)", - "spectrum-divider-s-description": "Divider with options size=s orientation=null", - "spectrum-divider-s-version": "1.0.0-beta.0", - "spectrum-divider-s-vertical-name": "Divider (s-vertical)", - "spectrum-divider-s-vertical-description": "Divider with options size=s orientation=vertical", - "spectrum-divider-s-vertical-version": "1.0.0-beta.0", - "spectrum-divider-m-name": "Divider (m)", - "spectrum-divider-m-description": "Divider with options size=m orientation=null", - "spectrum-divider-m-version": "1.0.0-beta.0", - "spectrum-divider-m-vertical-name": "Divider (m-vertical)", - "spectrum-divider-m-vertical-description": "Divider with options size=m orientation=vertical", - "spectrum-divider-m-vertical-version": "1.0.0-beta.0", - "spectrum-divider-l-name": "Divider (l)", - "spectrum-divider-l-description": "Divider with options size=l orientation=null", - "spectrum-divider-l-version": "1.0.0-beta.0", - "spectrum-divider-l-vertical-name": "Divider (l-vertical)", - "spectrum-divider-l-vertical-description": "Divider with options size=l orientation=vertical", - "spectrum-divider-l-vertical-version": "1.0.0-beta.0", - "spectrum-drag-name": "Drag (default)", - "spectrum-drag-description": "Drag with no options", - "spectrum-drag-version": "1.0.0-beta.0", - "spectrum-dragbar-name": "DragBar (default)", - "spectrum-dragbar-description": "DragBar with no options", - "spectrum-dragbar-version": "1.0.0-beta.0", - "spectrum-dragthumb-name": "DragThumb (default)", - "spectrum-dragthumb-description": "DragThumb with options variant=default", - "spectrum-dragthumb-version": "1.0.0-beta.0", - "spectrum-dragthumb-swatch-name": "DragThumb (swatch)", - "spectrum-dragthumb-swatch-description": "DragThumb with options variant=swatch", - "spectrum-dragthumb-swatch-version": "1.0.0-beta.0", - "spectrum-drawer-name": "Drawer (default)", - "spectrum-drawer-description": "Drawer with no options", - "spectrum-drawer-version": "1.0.0-beta.0", - "spectrum-dropindicator-name": "DropIndicator (default)", - "spectrum-dropindicator-description": "DropIndicator with no options", - "spectrum-dropindicator-version": "1.0.0-beta.0", - "spectrum-dropzone-name": "DropZone (default)", - "spectrum-dropzone-description": "DropZone with no options", - "spectrum-dropzone-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-overbackground-name": "FieldLabel (s-overbackground)", - "spectrum-fieldlabel-s-overbackground-description": "FieldLabel with options size=s position=null overbackground=true", - "spectrum-fieldlabel-s-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-name": "FieldLabel (s)", - "spectrum-fieldlabel-s-description": "FieldLabel with options size=s position=null overbackground=false", - "spectrum-fieldlabel-s-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-top-overbackground-name": "FieldLabel (s-top-overbackground)", - "spectrum-fieldlabel-s-top-overbackground-description": "FieldLabel with options size=s position=top overbackground=true", - "spectrum-fieldlabel-s-top-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-top-name": "FieldLabel (s-top)", - "spectrum-fieldlabel-s-top-description": "FieldLabel with options size=s position=top overbackground=false", - "spectrum-fieldlabel-s-top-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-side-overbackground-name": "FieldLabel (s-side-overbackground)", - "spectrum-fieldlabel-s-side-overbackground-description": "FieldLabel with options size=s position=side overbackground=true", - "spectrum-fieldlabel-s-side-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-s-side-name": "FieldLabel (s-side)", - "spectrum-fieldlabel-s-side-description": "FieldLabel with options size=s position=side overbackground=false", - "spectrum-fieldlabel-s-side-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-overbackground-name": "FieldLabel (m-overbackground)", - "spectrum-fieldlabel-m-overbackground-description": "FieldLabel with options size=m position=null overbackground=true", - "spectrum-fieldlabel-m-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-name": "FieldLabel (m)", - "spectrum-fieldlabel-m-description": "FieldLabel with options size=m position=null overbackground=false", - "spectrum-fieldlabel-m-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-top-overbackground-name": "FieldLabel (m-top-overbackground)", - "spectrum-fieldlabel-m-top-overbackground-description": "FieldLabel with options size=m position=top overbackground=true", - "spectrum-fieldlabel-m-top-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-top-name": "FieldLabel (m-top)", - "spectrum-fieldlabel-m-top-description": "FieldLabel with options size=m position=top overbackground=false", - "spectrum-fieldlabel-m-top-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-side-overbackground-name": "FieldLabel (m-side-overbackground)", - "spectrum-fieldlabel-m-side-overbackground-description": "FieldLabel with options size=m position=side overbackground=true", - "spectrum-fieldlabel-m-side-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-m-side-name": "FieldLabel (m-side)", - "spectrum-fieldlabel-m-side-description": "FieldLabel with options size=m position=side overbackground=false", - "spectrum-fieldlabel-m-side-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-overbackground-name": "FieldLabel (l-overbackground)", - "spectrum-fieldlabel-l-overbackground-description": "FieldLabel with options size=l position=null overbackground=true", - "spectrum-fieldlabel-l-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-name": "FieldLabel (l)", - "spectrum-fieldlabel-l-description": "FieldLabel with options size=l position=null overbackground=false", - "spectrum-fieldlabel-l-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-top-overbackground-name": "FieldLabel (l-top-overbackground)", - "spectrum-fieldlabel-l-top-overbackground-description": "FieldLabel with options size=l position=top overbackground=true", - "spectrum-fieldlabel-l-top-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-top-name": "FieldLabel (l-top)", - "spectrum-fieldlabel-l-top-description": "FieldLabel with options size=l position=top overbackground=false", - "spectrum-fieldlabel-l-top-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-side-overbackground-name": "FieldLabel (l-side-overbackground)", - "spectrum-fieldlabel-l-side-overbackground-description": "FieldLabel with options size=l position=side overbackground=true", - "spectrum-fieldlabel-l-side-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-l-side-name": "FieldLabel (l-side)", - "spectrum-fieldlabel-l-side-description": "FieldLabel with options size=l position=side overbackground=false", - "spectrum-fieldlabel-l-side-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-overbackground-name": "FieldLabel (xl-overbackground)", - "spectrum-fieldlabel-xl-overbackground-description": "FieldLabel with options size=xl position=null overbackground=true", - "spectrum-fieldlabel-xl-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-name": "FieldLabel (xl)", - "spectrum-fieldlabel-xl-description": "FieldLabel with options size=xl position=null overbackground=false", - "spectrum-fieldlabel-xl-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-top-overbackground-name": "FieldLabel (xl-top-overbackground)", - "spectrum-fieldlabel-xl-top-overbackground-description": "FieldLabel with options size=xl position=top overbackground=true", - "spectrum-fieldlabel-xl-top-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-top-name": "FieldLabel (xl-top)", - "spectrum-fieldlabel-xl-top-description": "FieldLabel with options size=xl position=top overbackground=false", - "spectrum-fieldlabel-xl-top-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-side-overbackground-name": "FieldLabel (xl-side-overbackground)", - "spectrum-fieldlabel-xl-side-overbackground-description": "FieldLabel with options size=xl position=side overbackground=true", - "spectrum-fieldlabel-xl-side-overbackground-version": "1.0.0-beta.0", - "spectrum-fieldlabel-xl-side-name": "FieldLabel (xl-side)", - "spectrum-fieldlabel-xl-side-description": "FieldLabel with options size=xl position=side overbackground=false", - "spectrum-fieldlabel-xl-side-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-light-emphasized-strong-name": "Heading (xxs-serif-light-emphasized-strong)", - "spectrum-heading-xxs-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-light-emphasized-name": "Heading (xxs-serif-light-emphasized)", - "spectrum-heading-xxs-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-light-strong-name": "Heading (xxs-serif-light-strong)", - "spectrum-heading-xxs-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-light-name": "Heading (xxs-serif-light)", - "spectrum-heading-xxs-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-light-emphasized-strong-name": "Heading (xs-serif-light-emphasized-strong)", - "spectrum-heading-xs-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-light-emphasized-name": "Heading (xs-serif-light-emphasized)", - "spectrum-heading-xs-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-light-strong-name": "Heading (xs-serif-light-strong)", - "spectrum-heading-xs-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-light-name": "Heading (xs-serif-light)", - "spectrum-heading-xs-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-light-emphasized-strong-name": "Heading (s-serif-light-emphasized-strong)", - "spectrum-heading-s-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-light-emphasized-name": "Heading (s-serif-light-emphasized)", - "spectrum-heading-s-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-light-strong-name": "Heading (s-serif-light-strong)", - "spectrum-heading-s-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-light-name": "Heading (s-serif-light)", - "spectrum-heading-s-serif-light-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-light-emphasized-strong-name": "Heading (m-serif-light-emphasized-strong)", - "spectrum-heading-m-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-light-emphasized-name": "Heading (m-serif-light-emphasized)", - "spectrum-heading-m-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-light-strong-name": "Heading (m-serif-light-strong)", - "spectrum-heading-m-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-light-name": "Heading (m-serif-light)", - "spectrum-heading-m-serif-light-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-light-emphasized-strong-name": "Heading (l-serif-light-emphasized-strong)", - "spectrum-heading-l-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-light-emphasized-name": "Heading (l-serif-light-emphasized)", - "spectrum-heading-l-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-light-strong-name": "Heading (l-serif-light-strong)", - "spectrum-heading-l-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-light-name": "Heading (l-serif-light)", - "spectrum-heading-l-serif-light-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-light-emphasized-strong-name": "Heading (xl-serif-light-emphasized-strong)", - "spectrum-heading-xl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-light-emphasized-name": "Heading (xl-serif-light-emphasized)", - "spectrum-heading-xl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-light-strong-name": "Heading (xl-serif-light-strong)", - "spectrum-heading-xl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-light-name": "Heading (xl-serif-light)", - "spectrum-heading-xl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-light-emphasized-strong-name": "Heading (xxl-serif-light-emphasized-strong)", - "spectrum-heading-xxl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-light-emphasized-name": "Heading (xxl-serif-light-emphasized)", - "spectrum-heading-xxl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-light-strong-name": "Heading (xxl-serif-light-strong)", - "spectrum-heading-xxl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-light-name": "Heading (xxl-serif-light)", - "spectrum-heading-xxl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-light-emphasized-strong-name": "Heading (xxxl-serif-light-emphasized-strong)", - "spectrum-heading-xxxl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-light-emphasized-name": "Heading (xxxl-serif-light-emphasized)", - "spectrum-heading-xxxl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-light-strong-name": "Heading (xxxl-serif-light-strong)", - "spectrum-heading-xxxl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-light-name": "Heading (xxxl-serif-light)", - "spectrum-heading-xxxl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-xxs-light-emphasized-strong-name": "Heading (xxs-light-emphasized-strong)", - "spectrum-heading-xxs-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-light-emphasized-name": "Heading (xxs-light-emphasized)", - "spectrum-heading-xxs-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-light-strong-name": "Heading (xxs-light-strong)", - "spectrum-heading-xxs-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-light-name": "Heading (xxs-light)", - "spectrum-heading-xxs-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-light-version": "1.0.0-beta.0", - "spectrum-heading-xs-light-emphasized-strong-name": "Heading (xs-light-emphasized-strong)", - "spectrum-heading-xs-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-light-emphasized-name": "Heading (xs-light-emphasized)", - "spectrum-heading-xs-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-light-strong-name": "Heading (xs-light-strong)", - "spectrum-heading-xs-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-light-name": "Heading (xs-light)", - "spectrum-heading-xs-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-light-version": "1.0.0-beta.0", - "spectrum-heading-s-light-emphasized-strong-name": "Heading (s-light-emphasized-strong)", - "spectrum-heading-s-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-light-emphasized-name": "Heading (s-light-emphasized)", - "spectrum-heading-s-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-light-strong-name": "Heading (s-light-strong)", - "spectrum-heading-s-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-light-name": "Heading (s-light)", - "spectrum-heading-s-light-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-light-version": "1.0.0-beta.0", - "spectrum-heading-m-light-emphasized-strong-name": "Heading (m-light-emphasized-strong)", - "spectrum-heading-m-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-light-emphasized-name": "Heading (m-light-emphasized)", - "spectrum-heading-m-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-light-strong-name": "Heading (m-light-strong)", - "spectrum-heading-m-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-light-name": "Heading (m-light)", - "spectrum-heading-m-light-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-light-version": "1.0.0-beta.0", - "spectrum-heading-l-light-emphasized-strong-name": "Heading (l-light-emphasized-strong)", - "spectrum-heading-l-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-light-emphasized-name": "Heading (l-light-emphasized)", - "spectrum-heading-l-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-light-strong-name": "Heading (l-light-strong)", - "spectrum-heading-l-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-light-name": "Heading (l-light)", - "spectrum-heading-l-light-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-light-version": "1.0.0-beta.0", - "spectrum-heading-xl-light-emphasized-strong-name": "Heading (xl-light-emphasized-strong)", - "spectrum-heading-xl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-light-emphasized-name": "Heading (xl-light-emphasized)", - "spectrum-heading-xl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-light-strong-name": "Heading (xl-light-strong)", - "spectrum-heading-xl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-light-name": "Heading (xl-light)", - "spectrum-heading-xl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-light-version": "1.0.0-beta.0", - "spectrum-heading-xxl-light-emphasized-strong-name": "Heading (xxl-light-emphasized-strong)", - "spectrum-heading-xxl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-light-emphasized-name": "Heading (xxl-light-emphasized)", - "spectrum-heading-xxl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-light-strong-name": "Heading (xxl-light-strong)", - "spectrum-heading-xxl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-light-name": "Heading (xxl-light)", - "spectrum-heading-xxl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-light-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-light-emphasized-strong-name": "Heading (xxxl-light-emphasized-strong)", - "spectrum-heading-xxxl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-light-emphasized-name": "Heading (xxxl-light-emphasized)", - "spectrum-heading-xxxl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-light-strong-name": "Heading (xxxl-light-strong)", - "spectrum-heading-xxxl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-light-name": "Heading (xxxl-light)", - "spectrum-heading-xxxl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-light-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-emphasized-strong-name": "Heading (xxs-serif-emphasized-strong)", - "spectrum-heading-xxs-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-emphasized-name": "Heading (xxs-serif-emphasized)", - "spectrum-heading-xxs-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-strong-name": "Heading (xxs-serif-strong)", - "spectrum-heading-xxs-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-name": "Heading (xxs-serif)", - "spectrum-heading-xxs-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-emphasized-strong-name": "Heading (xs-serif-emphasized-strong)", - "spectrum-heading-xs-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-emphasized-name": "Heading (xs-serif-emphasized)", - "spectrum-heading-xs-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-strong-name": "Heading (xs-serif-strong)", - "spectrum-heading-xs-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-name": "Heading (xs-serif)", - "spectrum-heading-xs-serif-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-emphasized-strong-name": "Heading (s-serif-emphasized-strong)", - "spectrum-heading-s-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-emphasized-name": "Heading (s-serif-emphasized)", - "spectrum-heading-s-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-strong-name": "Heading (s-serif-strong)", - "spectrum-heading-s-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-name": "Heading (s-serif)", - "spectrum-heading-s-serif-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-emphasized-strong-name": "Heading (m-serif-emphasized-strong)", - "spectrum-heading-m-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-emphasized-name": "Heading (m-serif-emphasized)", - "spectrum-heading-m-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-strong-name": "Heading (m-serif-strong)", - "spectrum-heading-m-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-name": "Heading (m-serif)", - "spectrum-heading-m-serif-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-emphasized-strong-name": "Heading (l-serif-emphasized-strong)", - "spectrum-heading-l-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-emphasized-name": "Heading (l-serif-emphasized)", - "spectrum-heading-l-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-strong-name": "Heading (l-serif-strong)", - "spectrum-heading-l-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-name": "Heading (l-serif)", - "spectrum-heading-l-serif-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-emphasized-strong-name": "Heading (xl-serif-emphasized-strong)", - "spectrum-heading-xl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-emphasized-name": "Heading (xl-serif-emphasized)", - "spectrum-heading-xl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-strong-name": "Heading (xl-serif-strong)", - "spectrum-heading-xl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-name": "Heading (xl-serif)", - "spectrum-heading-xl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-emphasized-strong-name": "Heading (xxl-serif-emphasized-strong)", - "spectrum-heading-xxl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-emphasized-name": "Heading (xxl-serif-emphasized)", - "spectrum-heading-xxl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-strong-name": "Heading (xxl-serif-strong)", - "spectrum-heading-xxl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-name": "Heading (xxl-serif)", - "spectrum-heading-xxl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-emphasized-strong-name": "Heading (xxxl-serif-emphasized-strong)", - "spectrum-heading-xxxl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-emphasized-name": "Heading (xxxl-serif-emphasized)", - "spectrum-heading-xxxl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-strong-name": "Heading (xxxl-serif-strong)", - "spectrum-heading-xxxl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-name": "Heading (xxxl-serif)", - "spectrum-heading-xxxl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-version": "1.0.0-beta.0", - "spectrum-heading-xxs-emphasized-strong-name": "Heading (xxs-emphasized-strong)", - "spectrum-heading-xxs-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-emphasized-name": "Heading (xxs-emphasized)", - "spectrum-heading-xxs-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-strong-name": "Heading (xxs-strong)", - "spectrum-heading-xxs-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-name": "Heading (xxs)", - "spectrum-heading-xxs-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-version": "1.0.0-beta.0", - "spectrum-heading-xs-emphasized-strong-name": "Heading (xs-emphasized-strong)", - "spectrum-heading-xs-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-emphasized-name": "Heading (xs-emphasized)", - "spectrum-heading-xs-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-strong-name": "Heading (xs-strong)", - "spectrum-heading-xs-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-name": "Heading (xs)", - "spectrum-heading-xs-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-version": "1.0.0-beta.0", - "spectrum-heading-s-emphasized-strong-name": "Heading (s-emphasized-strong)", - "spectrum-heading-s-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-emphasized-name": "Heading (s-emphasized)", - "spectrum-heading-s-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-strong-name": "Heading (s-strong)", - "spectrum-heading-s-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-name": "Heading (s)", - "spectrum-heading-s-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-version": "1.0.0-beta.0", - "spectrum-heading-m-emphasized-strong-name": "Heading (m-emphasized-strong)", - "spectrum-heading-m-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-emphasized-name": "Heading (m-emphasized)", - "spectrum-heading-m-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-strong-name": "Heading (m-strong)", - "spectrum-heading-m-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-name": "Heading (m)", - "spectrum-heading-m-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-version": "1.0.0-beta.0", - "spectrum-heading-l-emphasized-strong-name": "Heading (l-emphasized-strong)", - "spectrum-heading-l-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-emphasized-name": "Heading (l-emphasized)", - "spectrum-heading-l-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-strong-name": "Heading (l-strong)", - "spectrum-heading-l-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-name": "Heading (l)", - "spectrum-heading-l-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-version": "1.0.0-beta.0", - "spectrum-heading-xl-emphasized-strong-name": "Heading (xl-emphasized-strong)", - "spectrum-heading-xl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-emphasized-name": "Heading (xl-emphasized)", - "spectrum-heading-xl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-strong-name": "Heading (xl-strong)", - "spectrum-heading-xl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-name": "Heading (xl)", - "spectrum-heading-xl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-version": "1.0.0-beta.0", - "spectrum-heading-xxl-emphasized-strong-name": "Heading (xxl-emphasized-strong)", - "spectrum-heading-xxl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-emphasized-name": "Heading (xxl-emphasized)", - "spectrum-heading-xxl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-strong-name": "Heading (xxl-strong)", - "spectrum-heading-xxl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-name": "Heading (xxl)", - "spectrum-heading-xxl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-emphasized-strong-name": "Heading (xxxl-emphasized-strong)", - "spectrum-heading-xxxl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-emphasized-name": "Heading (xxxl-emphasized)", - "spectrum-heading-xxxl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-strong-name": "Heading (xxxl-strong)", - "spectrum-heading-xxxl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-name": "Heading (xxxl)", - "spectrum-heading-xxxl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-name": "Heading (xxs-serif-heavy-emphasized-strong)", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-heavy-emphasized-name": "Heading (xxs-serif-heavy-emphasized)", - "spectrum-heading-xxs-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-heavy-strong-name": "Heading (xxs-serif-heavy-strong)", - "spectrum-heading-xxs-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-serif-heavy-name": "Heading (xxs-serif-heavy)", - "spectrum-heading-xxs-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-heavy-emphasized-strong-name": "Heading (xs-serif-heavy-emphasized-strong)", - "spectrum-heading-xs-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-heavy-emphasized-name": "Heading (xs-serif-heavy-emphasized)", - "spectrum-heading-xs-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-heavy-strong-name": "Heading (xs-serif-heavy-strong)", - "spectrum-heading-xs-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-serif-heavy-name": "Heading (xs-serif-heavy)", - "spectrum-heading-xs-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-heavy-emphasized-strong-name": "Heading (s-serif-heavy-emphasized-strong)", - "spectrum-heading-s-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-heavy-emphasized-name": "Heading (s-serif-heavy-emphasized)", - "spectrum-heading-s-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-heavy-strong-name": "Heading (s-serif-heavy-strong)", - "spectrum-heading-s-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-serif-heavy-name": "Heading (s-serif-heavy)", - "spectrum-heading-s-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-heavy-emphasized-strong-name": "Heading (m-serif-heavy-emphasized-strong)", - "spectrum-heading-m-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-heavy-emphasized-name": "Heading (m-serif-heavy-emphasized)", - "spectrum-heading-m-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-heavy-strong-name": "Heading (m-serif-heavy-strong)", - "spectrum-heading-m-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-serif-heavy-name": "Heading (m-serif-heavy)", - "spectrum-heading-m-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-heavy-emphasized-strong-name": "Heading (l-serif-heavy-emphasized-strong)", - "spectrum-heading-l-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-heavy-emphasized-name": "Heading (l-serif-heavy-emphasized)", - "spectrum-heading-l-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-heavy-strong-name": "Heading (l-serif-heavy-strong)", - "spectrum-heading-l-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-serif-heavy-name": "Heading (l-serif-heavy)", - "spectrum-heading-l-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-heavy-emphasized-strong-name": "Heading (xl-serif-heavy-emphasized-strong)", - "spectrum-heading-xl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-heavy-emphasized-name": "Heading (xl-serif-heavy-emphasized)", - "spectrum-heading-xl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-heavy-strong-name": "Heading (xl-serif-heavy-strong)", - "spectrum-heading-xl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-serif-heavy-name": "Heading (xl-serif-heavy)", - "spectrum-heading-xl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-name": "Heading (xxl-serif-heavy-emphasized-strong)", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-heavy-emphasized-name": "Heading (xxl-serif-heavy-emphasized)", - "spectrum-heading-xxl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-heavy-strong-name": "Heading (xxl-serif-heavy-strong)", - "spectrum-heading-xxl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-serif-heavy-name": "Heading (xxl-serif-heavy)", - "spectrum-heading-xxl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-name": "Heading (xxxl-serif-heavy-emphasized-strong)", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-heavy-emphasized-name": "Heading (xxxl-serif-heavy-emphasized)", - "spectrum-heading-xxxl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-heavy-strong-name": "Heading (xxxl-serif-heavy-strong)", - "spectrum-heading-xxxl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-serif-heavy-name": "Heading (xxxl-serif-heavy)", - "spectrum-heading-xxxl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xxs-heavy-emphasized-strong-name": "Heading (xxs-heavy-emphasized-strong)", - "spectrum-heading-xxs-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-heavy-emphasized-name": "Heading (xxs-heavy-emphasized)", - "spectrum-heading-xxs-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxs-heavy-strong-name": "Heading (xxs-heavy-strong)", - "spectrum-heading-xxs-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxs-heavy-name": "Heading (xxs-heavy)", - "spectrum-heading-xxs-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xs-heavy-emphasized-strong-name": "Heading (xs-heavy-emphasized-strong)", - "spectrum-heading-xs-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-heavy-emphasized-name": "Heading (xs-heavy-emphasized)", - "spectrum-heading-xs-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xs-heavy-strong-name": "Heading (xs-heavy-strong)", - "spectrum-heading-xs-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xs-heavy-name": "Heading (xs-heavy)", - "spectrum-heading-xs-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-heavy-version": "1.0.0-beta.0", - "spectrum-heading-s-heavy-emphasized-strong-name": "Heading (s-heavy-emphasized-strong)", - "spectrum-heading-s-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-heavy-emphasized-name": "Heading (s-heavy-emphasized)", - "spectrum-heading-s-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-s-heavy-strong-name": "Heading (s-heavy-strong)", - "spectrum-heading-s-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-s-heavy-name": "Heading (s-heavy)", - "spectrum-heading-s-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-heavy-version": "1.0.0-beta.0", - "spectrum-heading-m-heavy-emphasized-strong-name": "Heading (m-heavy-emphasized-strong)", - "spectrum-heading-m-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-heavy-emphasized-name": "Heading (m-heavy-emphasized)", - "spectrum-heading-m-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-m-heavy-strong-name": "Heading (m-heavy-strong)", - "spectrum-heading-m-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-m-heavy-name": "Heading (m-heavy)", - "spectrum-heading-m-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-heavy-version": "1.0.0-beta.0", - "spectrum-heading-l-heavy-emphasized-strong-name": "Heading (l-heavy-emphasized-strong)", - "spectrum-heading-l-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-heavy-emphasized-name": "Heading (l-heavy-emphasized)", - "spectrum-heading-l-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-l-heavy-strong-name": "Heading (l-heavy-strong)", - "spectrum-heading-l-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-l-heavy-name": "Heading (l-heavy)", - "spectrum-heading-l-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xl-heavy-emphasized-strong-name": "Heading (xl-heavy-emphasized-strong)", - "spectrum-heading-xl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-heavy-emphasized-name": "Heading (xl-heavy-emphasized)", - "spectrum-heading-xl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xl-heavy-strong-name": "Heading (xl-heavy-strong)", - "spectrum-heading-xl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xl-heavy-name": "Heading (xl-heavy)", - "spectrum-heading-xl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xxl-heavy-emphasized-strong-name": "Heading (xxl-heavy-emphasized-strong)", - "spectrum-heading-xxl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-heavy-emphasized-name": "Heading (xxl-heavy-emphasized)", - "spectrum-heading-xxl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxl-heavy-strong-name": "Heading (xxl-heavy-strong)", - "spectrum-heading-xxl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxl-heavy-name": "Heading (xxl-heavy)", - "spectrum-heading-xxl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-heavy-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-heavy-emphasized-strong-name": "Heading (xxxl-heavy-emphasized-strong)", - "spectrum-heading-xxxl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-heavy-emphasized-name": "Heading (xxxl-heavy-emphasized)", - "spectrum-heading-xxxl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-heavy-strong-name": "Heading (xxxl-heavy-strong)", - "spectrum-heading-xxxl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-xxxl-heavy-name": "Heading (xxxl-heavy)", - "spectrum-heading-xxxl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-name": "Heading (han-xxs-serif-light-emphasized-strong)", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-light-emphasized-name": "Heading (han-xxs-serif-light-emphasized)", - "spectrum-heading-han-xxs-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-light-strong-name": "Heading (han-xxs-serif-light-strong)", - "spectrum-heading-han-xxs-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-light-name": "Heading (han-xxs-serif-light)", - "spectrum-heading-han-xxs-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-light-emphasized-strong-name": "Heading (han-xs-serif-light-emphasized-strong)", - "spectrum-heading-han-xs-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-light-emphasized-name": "Heading (han-xs-serif-light-emphasized)", - "spectrum-heading-han-xs-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-light-strong-name": "Heading (han-xs-serif-light-strong)", - "spectrum-heading-han-xs-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-light-name": "Heading (han-xs-serif-light)", - "spectrum-heading-han-xs-serif-light-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-light-emphasized-strong-name": "Heading (han-s-serif-light-emphasized-strong)", - "spectrum-heading-han-s-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-light-emphasized-name": "Heading (han-s-serif-light-emphasized)", - "spectrum-heading-han-s-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-light-strong-name": "Heading (han-s-serif-light-strong)", - "spectrum-heading-han-s-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-light-name": "Heading (han-s-serif-light)", - "spectrum-heading-han-s-serif-light-description": "Heading with options script=han weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-light-emphasized-strong-name": "Heading (han-m-serif-light-emphasized-strong)", - "spectrum-heading-han-m-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-light-emphasized-name": "Heading (han-m-serif-light-emphasized)", - "spectrum-heading-han-m-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-light-strong-name": "Heading (han-m-serif-light-strong)", - "spectrum-heading-han-m-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-light-name": "Heading (han-m-serif-light)", - "spectrum-heading-han-m-serif-light-description": "Heading with options script=han weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-light-emphasized-strong-name": "Heading (han-l-serif-light-emphasized-strong)", - "spectrum-heading-han-l-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-light-emphasized-name": "Heading (han-l-serif-light-emphasized)", - "spectrum-heading-han-l-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-light-strong-name": "Heading (han-l-serif-light-strong)", - "spectrum-heading-han-l-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-light-name": "Heading (han-l-serif-light)", - "spectrum-heading-han-l-serif-light-description": "Heading with options script=han weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-light-emphasized-strong-name": "Heading (han-xl-serif-light-emphasized-strong)", - "spectrum-heading-han-xl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-light-emphasized-name": "Heading (han-xl-serif-light-emphasized)", - "spectrum-heading-han-xl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-light-strong-name": "Heading (han-xl-serif-light-strong)", - "spectrum-heading-han-xl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-light-name": "Heading (han-xl-serif-light)", - "spectrum-heading-han-xl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-name": "Heading (han-xxl-serif-light-emphasized-strong)", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-light-emphasized-name": "Heading (han-xxl-serif-light-emphasized)", - "spectrum-heading-han-xxl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-light-strong-name": "Heading (han-xxl-serif-light-strong)", - "spectrum-heading-han-xxl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-light-name": "Heading (han-xxl-serif-light)", - "spectrum-heading-han-xxl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-name": "Heading (han-xxxl-serif-light-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-light-emphasized-name": "Heading (han-xxxl-serif-light-emphasized)", - "spectrum-heading-han-xxxl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-light-strong-name": "Heading (han-xxxl-serif-light-strong)", - "spectrum-heading-han-xxxl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-light-name": "Heading (han-xxxl-serif-light)", - "spectrum-heading-han-xxxl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-light-emphasized-strong-name": "Heading (han-xxs-light-emphasized-strong)", - "spectrum-heading-han-xxs-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-light-emphasized-name": "Heading (han-xxs-light-emphasized)", - "spectrum-heading-han-xxs-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-light-strong-name": "Heading (han-xxs-light-strong)", - "spectrum-heading-han-xxs-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-light-name": "Heading (han-xxs-light)", - "spectrum-heading-han-xxs-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-light-emphasized-strong-name": "Heading (han-xs-light-emphasized-strong)", - "spectrum-heading-han-xs-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-light-emphasized-name": "Heading (han-xs-light-emphasized)", - "spectrum-heading-han-xs-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-light-strong-name": "Heading (han-xs-light-strong)", - "spectrum-heading-han-xs-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-light-name": "Heading (han-xs-light)", - "spectrum-heading-han-xs-light-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-light-version": "1.0.0-beta.0", - "spectrum-heading-han-s-light-emphasized-strong-name": "Heading (han-s-light-emphasized-strong)", - "spectrum-heading-han-s-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-light-emphasized-name": "Heading (han-s-light-emphasized)", - "spectrum-heading-han-s-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-light-strong-name": "Heading (han-s-light-strong)", - "spectrum-heading-han-s-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-light-name": "Heading (han-s-light)", - "spectrum-heading-han-s-light-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-light-version": "1.0.0-beta.0", - "spectrum-heading-han-m-light-emphasized-strong-name": "Heading (han-m-light-emphasized-strong)", - "spectrum-heading-han-m-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-light-emphasized-name": "Heading (han-m-light-emphasized)", - "spectrum-heading-han-m-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-light-strong-name": "Heading (han-m-light-strong)", - "spectrum-heading-han-m-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-light-name": "Heading (han-m-light)", - "spectrum-heading-han-m-light-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-light-version": "1.0.0-beta.0", - "spectrum-heading-han-l-light-emphasized-strong-name": "Heading (han-l-light-emphasized-strong)", - "spectrum-heading-han-l-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-light-emphasized-name": "Heading (han-l-light-emphasized)", - "spectrum-heading-han-l-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-light-strong-name": "Heading (han-l-light-strong)", - "spectrum-heading-han-l-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-light-name": "Heading (han-l-light)", - "spectrum-heading-han-l-light-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-light-emphasized-strong-name": "Heading (han-xl-light-emphasized-strong)", - "spectrum-heading-han-xl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-light-emphasized-name": "Heading (han-xl-light-emphasized)", - "spectrum-heading-han-xl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-light-strong-name": "Heading (han-xl-light-strong)", - "spectrum-heading-han-xl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-light-name": "Heading (han-xl-light)", - "spectrum-heading-han-xl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-light-emphasized-strong-name": "Heading (han-xxl-light-emphasized-strong)", - "spectrum-heading-han-xxl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-light-emphasized-name": "Heading (han-xxl-light-emphasized)", - "spectrum-heading-han-xxl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-light-strong-name": "Heading (han-xxl-light-strong)", - "spectrum-heading-han-xxl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-light-name": "Heading (han-xxl-light)", - "spectrum-heading-han-xxl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-light-emphasized-strong-name": "Heading (han-xxxl-light-emphasized-strong)", - "spectrum-heading-han-xxxl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-light-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-light-emphasized-name": "Heading (han-xxxl-light-emphasized)", - "spectrum-heading-han-xxxl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-light-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-light-strong-name": "Heading (han-xxxl-light-strong)", - "spectrum-heading-han-xxxl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-light-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-light-name": "Heading (han-xxxl-light)", - "spectrum-heading-han-xxxl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-light-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-emphasized-strong-name": "Heading (han-xxs-serif-emphasized-strong)", - "spectrum-heading-han-xxs-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-emphasized-name": "Heading (han-xxs-serif-emphasized)", - "spectrum-heading-han-xxs-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-strong-name": "Heading (han-xxs-serif-strong)", - "spectrum-heading-han-xxs-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-name": "Heading (han-xxs-serif)", - "spectrum-heading-han-xxs-serif-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-emphasized-strong-name": "Heading (han-xs-serif-emphasized-strong)", - "spectrum-heading-han-xs-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-emphasized-name": "Heading (han-xs-serif-emphasized)", - "spectrum-heading-han-xs-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-strong-name": "Heading (han-xs-serif-strong)", - "spectrum-heading-han-xs-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-name": "Heading (han-xs-serif)", - "spectrum-heading-han-xs-serif-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-emphasized-strong-name": "Heading (han-s-serif-emphasized-strong)", - "spectrum-heading-han-s-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-emphasized-name": "Heading (han-s-serif-emphasized)", - "spectrum-heading-han-s-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-strong-name": "Heading (han-s-serif-strong)", - "spectrum-heading-han-s-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-name": "Heading (han-s-serif)", - "spectrum-heading-han-s-serif-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-emphasized-strong-name": "Heading (han-m-serif-emphasized-strong)", - "spectrum-heading-han-m-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-emphasized-name": "Heading (han-m-serif-emphasized)", - "spectrum-heading-han-m-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-strong-name": "Heading (han-m-serif-strong)", - "spectrum-heading-han-m-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-name": "Heading (han-m-serif)", - "spectrum-heading-han-m-serif-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-emphasized-strong-name": "Heading (han-l-serif-emphasized-strong)", - "spectrum-heading-han-l-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-emphasized-name": "Heading (han-l-serif-emphasized)", - "spectrum-heading-han-l-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-strong-name": "Heading (han-l-serif-strong)", - "spectrum-heading-han-l-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-name": "Heading (han-l-serif)", - "spectrum-heading-han-l-serif-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-emphasized-strong-name": "Heading (han-xl-serif-emphasized-strong)", - "spectrum-heading-han-xl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-emphasized-name": "Heading (han-xl-serif-emphasized)", - "spectrum-heading-han-xl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-strong-name": "Heading (han-xl-serif-strong)", - "spectrum-heading-han-xl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-name": "Heading (han-xl-serif)", - "spectrum-heading-han-xl-serif-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-emphasized-strong-name": "Heading (han-xxl-serif-emphasized-strong)", - "spectrum-heading-han-xxl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-emphasized-name": "Heading (han-xxl-serif-emphasized)", - "spectrum-heading-han-xxl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-strong-name": "Heading (han-xxl-serif-strong)", - "spectrum-heading-han-xxl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-name": "Heading (han-xxl-serif)", - "spectrum-heading-han-xxl-serif-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-emphasized-strong-name": "Heading (han-xxxl-serif-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-emphasized-name": "Heading (han-xxxl-serif-emphasized)", - "spectrum-heading-han-xxxl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-strong-name": "Heading (han-xxxl-serif-strong)", - "spectrum-heading-han-xxxl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-name": "Heading (han-xxxl-serif)", - "spectrum-heading-han-xxxl-serif-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-emphasized-strong-name": "Heading (han-xxs-emphasized-strong)", - "spectrum-heading-han-xxs-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-emphasized-name": "Heading (han-xxs-emphasized)", - "spectrum-heading-han-xxs-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-strong-name": "Heading (han-xxs-strong)", - "spectrum-heading-han-xxs-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-name": "Heading (han-xxs)", - "spectrum-heading-han-xxs-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-emphasized-strong-name": "Heading (han-xs-emphasized-strong)", - "spectrum-heading-han-xs-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-emphasized-name": "Heading (han-xs-emphasized)", - "spectrum-heading-han-xs-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-strong-name": "Heading (han-xs-strong)", - "spectrum-heading-han-xs-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-name": "Heading (han-xs)", - "spectrum-heading-han-xs-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-version": "1.0.0-beta.0", - "spectrum-heading-han-s-emphasized-strong-name": "Heading (han-s-emphasized-strong)", - "spectrum-heading-han-s-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-emphasized-name": "Heading (han-s-emphasized)", - "spectrum-heading-han-s-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-strong-name": "Heading (han-s-strong)", - "spectrum-heading-han-s-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-name": "Heading (han-s)", - "spectrum-heading-han-s-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-version": "1.0.0-beta.0", - "spectrum-heading-han-m-emphasized-strong-name": "Heading (han-m-emphasized-strong)", - "spectrum-heading-han-m-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-emphasized-name": "Heading (han-m-emphasized)", - "spectrum-heading-han-m-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-strong-name": "Heading (han-m-strong)", - "spectrum-heading-han-m-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-name": "Heading (han-m)", - "spectrum-heading-han-m-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-version": "1.0.0-beta.0", - "spectrum-heading-han-l-emphasized-strong-name": "Heading (han-l-emphasized-strong)", - "spectrum-heading-han-l-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-emphasized-name": "Heading (han-l-emphasized)", - "spectrum-heading-han-l-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-strong-name": "Heading (han-l-strong)", - "spectrum-heading-han-l-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-name": "Heading (han-l)", - "spectrum-heading-han-l-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-emphasized-strong-name": "Heading (han-xl-emphasized-strong)", - "spectrum-heading-han-xl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-emphasized-name": "Heading (han-xl-emphasized)", - "spectrum-heading-han-xl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-strong-name": "Heading (han-xl-strong)", - "spectrum-heading-han-xl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-name": "Heading (han-xl)", - "spectrum-heading-han-xl-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-emphasized-strong-name": "Heading (han-xxl-emphasized-strong)", - "spectrum-heading-han-xxl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-emphasized-name": "Heading (han-xxl-emphasized)", - "spectrum-heading-han-xxl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-strong-name": "Heading (han-xxl-strong)", - "spectrum-heading-han-xxl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-name": "Heading (han-xxl)", - "spectrum-heading-han-xxl-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-emphasized-strong-name": "Heading (han-xxxl-emphasized-strong)", - "spectrum-heading-han-xxxl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-emphasized-name": "Heading (han-xxxl-emphasized)", - "spectrum-heading-han-xxxl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-strong-name": "Heading (han-xxxl-strong)", - "spectrum-heading-han-xxxl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-name": "Heading (han-xxxl)", - "spectrum-heading-han-xxxl-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-name": "Heading (han-xxs-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-heavy-emphasized-name": "Heading (han-xxs-serif-heavy-emphasized)", - "spectrum-heading-han-xxs-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-heavy-strong-name": "Heading (han-xxs-serif-heavy-strong)", - "spectrum-heading-han-xxs-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-serif-heavy-name": "Heading (han-xxs-serif-heavy)", - "spectrum-heading-han-xxs-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-name": "Heading (han-xs-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-heavy-emphasized-name": "Heading (han-xs-serif-heavy-emphasized)", - "spectrum-heading-han-xs-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-heavy-strong-name": "Heading (han-xs-serif-heavy-strong)", - "spectrum-heading-han-xs-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-serif-heavy-name": "Heading (han-xs-serif-heavy)", - "spectrum-heading-han-xs-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-name": "Heading (han-s-serif-heavy-emphasized-strong)", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-heavy-emphasized-name": "Heading (han-s-serif-heavy-emphasized)", - "spectrum-heading-han-s-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-heavy-strong-name": "Heading (han-s-serif-heavy-strong)", - "spectrum-heading-han-s-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-serif-heavy-name": "Heading (han-s-serif-heavy)", - "spectrum-heading-han-s-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-name": "Heading (han-m-serif-heavy-emphasized-strong)", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-heavy-emphasized-name": "Heading (han-m-serif-heavy-emphasized)", - "spectrum-heading-han-m-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-heavy-strong-name": "Heading (han-m-serif-heavy-strong)", - "spectrum-heading-han-m-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-serif-heavy-name": "Heading (han-m-serif-heavy)", - "spectrum-heading-han-m-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-name": "Heading (han-l-serif-heavy-emphasized-strong)", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-heavy-emphasized-name": "Heading (han-l-serif-heavy-emphasized)", - "spectrum-heading-han-l-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-heavy-strong-name": "Heading (han-l-serif-heavy-strong)", - "spectrum-heading-han-l-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-serif-heavy-name": "Heading (han-l-serif-heavy)", - "spectrum-heading-han-l-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-name": "Heading (han-xl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-heavy-emphasized-name": "Heading (han-xl-serif-heavy-emphasized)", - "spectrum-heading-han-xl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-heavy-strong-name": "Heading (han-xl-serif-heavy-strong)", - "spectrum-heading-han-xl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-serif-heavy-name": "Heading (han-xl-serif-heavy)", - "spectrum-heading-han-xl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-name": "Heading (han-xxl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-heavy-emphasized-name": "Heading (han-xxl-serif-heavy-emphasized)", - "spectrum-heading-han-xxl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-heavy-strong-name": "Heading (han-xxl-serif-heavy-strong)", - "spectrum-heading-han-xxl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-serif-heavy-name": "Heading (han-xxl-serif-heavy)", - "spectrum-heading-han-xxl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-name": "Heading (han-xxxl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-name": "Heading (han-xxxl-serif-heavy-emphasized)", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-heavy-strong-name": "Heading (han-xxxl-serif-heavy-strong)", - "spectrum-heading-han-xxxl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-serif-heavy-name": "Heading (han-xxxl-serif-heavy)", - "spectrum-heading-han-xxxl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-heavy-emphasized-strong-name": "Heading (han-xxs-heavy-emphasized-strong)", - "spectrum-heading-han-xxs-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-heavy-emphasized-name": "Heading (han-xxs-heavy-emphasized)", - "spectrum-heading-han-xxs-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-heavy-strong-name": "Heading (han-xxs-heavy-strong)", - "spectrum-heading-han-xxs-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxs-heavy-name": "Heading (han-xxs-heavy)", - "spectrum-heading-han-xxs-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-heavy-emphasized-strong-name": "Heading (han-xs-heavy-emphasized-strong)", - "spectrum-heading-han-xs-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-heavy-emphasized-name": "Heading (han-xs-heavy-emphasized)", - "spectrum-heading-han-xs-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-heavy-strong-name": "Heading (han-xs-heavy-strong)", - "spectrum-heading-han-xs-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xs-heavy-name": "Heading (han-xs-heavy)", - "spectrum-heading-han-xs-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-s-heavy-emphasized-strong-name": "Heading (han-s-heavy-emphasized-strong)", - "spectrum-heading-han-s-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-heavy-emphasized-name": "Heading (han-s-heavy-emphasized)", - "spectrum-heading-han-s-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-s-heavy-strong-name": "Heading (han-s-heavy-strong)", - "spectrum-heading-han-s-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-s-heavy-name": "Heading (han-s-heavy)", - "spectrum-heading-han-s-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-m-heavy-emphasized-strong-name": "Heading (han-m-heavy-emphasized-strong)", - "spectrum-heading-han-m-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-heavy-emphasized-name": "Heading (han-m-heavy-emphasized)", - "spectrum-heading-han-m-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-m-heavy-strong-name": "Heading (han-m-heavy-strong)", - "spectrum-heading-han-m-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-m-heavy-name": "Heading (han-m-heavy)", - "spectrum-heading-han-m-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-l-heavy-emphasized-strong-name": "Heading (han-l-heavy-emphasized-strong)", - "spectrum-heading-han-l-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-heavy-emphasized-name": "Heading (han-l-heavy-emphasized)", - "spectrum-heading-han-l-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-l-heavy-strong-name": "Heading (han-l-heavy-strong)", - "spectrum-heading-han-l-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-l-heavy-name": "Heading (han-l-heavy)", - "spectrum-heading-han-l-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-heavy-emphasized-strong-name": "Heading (han-xl-heavy-emphasized-strong)", - "spectrum-heading-han-xl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-heavy-emphasized-name": "Heading (han-xl-heavy-emphasized)", - "spectrum-heading-han-xl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-heavy-strong-name": "Heading (han-xl-heavy-strong)", - "spectrum-heading-han-xl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xl-heavy-name": "Heading (han-xl-heavy)", - "spectrum-heading-han-xl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-heavy-emphasized-strong-name": "Heading (han-xxl-heavy-emphasized-strong)", - "spectrum-heading-han-xxl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-heavy-emphasized-name": "Heading (han-xxl-heavy-emphasized)", - "spectrum-heading-han-xxl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-heavy-strong-name": "Heading (han-xxl-heavy-strong)", - "spectrum-heading-han-xxl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxl-heavy-name": "Heading (han-xxl-heavy)", - "spectrum-heading-han-xxl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-heavy-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-name": "Heading (han-xxxl-heavy-emphasized-strong)", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-heavy-emphasized-name": "Heading (han-xxxl-heavy-emphasized)", - "spectrum-heading-han-xxxl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-heavy-emphasized-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-heavy-strong-name": "Heading (han-xxxl-heavy-strong)", - "spectrum-heading-han-xxxl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-heavy-strong-version": "1.0.0-beta.0", - "spectrum-heading-han-xxxl-heavy-name": "Heading (han-xxxl-heavy)", - "spectrum-heading-han-xxxl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-heavy-version": "1.0.0-beta.0", - "spectrum-helptext-s-neutral-texticon-name": "HelpText (s-neutral-texticon)", - "spectrum-helptext-s-neutral-texticon-description": "HelpText with options size=s content=texticon variant=neutral", - "spectrum-helptext-s-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-s-negative-texticon-name": "HelpText (s-negative-texticon)", - "spectrum-helptext-s-negative-texticon-description": "HelpText with options size=s content=texticon variant=negative", - "spectrum-helptext-s-negative-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-s-neutral-textonly-name": "HelpText (s-neutral-textonly)", - "spectrum-helptext-s-neutral-textonly-description": "HelpText with options size=s content=textonly variant=neutral", - "spectrum-helptext-s-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-s-negative-textonly-name": "HelpText (s-negative-textonly)", - "spectrum-helptext-s-negative-textonly-description": "HelpText with options size=s content=textonly variant=negative", - "spectrum-helptext-s-negative-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-m-neutral-texticon-name": "HelpText (m-neutral-texticon)", - "spectrum-helptext-m-neutral-texticon-description": "HelpText with options size=m content=texticon variant=neutral", - "spectrum-helptext-m-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-m-negative-texticon-name": "HelpText (m-negative-texticon)", - "spectrum-helptext-m-negative-texticon-description": "HelpText with options size=m content=texticon variant=negative", - "spectrum-helptext-m-negative-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-m-neutral-textonly-name": "HelpText (m-neutral-textonly)", - "spectrum-helptext-m-neutral-textonly-description": "HelpText with options size=m content=textonly variant=neutral", - "spectrum-helptext-m-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-m-negative-textonly-name": "HelpText (m-negative-textonly)", - "spectrum-helptext-m-negative-textonly-description": "HelpText with options size=m content=textonly variant=negative", - "spectrum-helptext-m-negative-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-l-neutral-texticon-name": "HelpText (l-neutral-texticon)", - "spectrum-helptext-l-neutral-texticon-description": "HelpText with options size=l content=texticon variant=neutral", - "spectrum-helptext-l-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-l-negative-texticon-name": "HelpText (l-negative-texticon)", - "spectrum-helptext-l-negative-texticon-description": "HelpText with options size=l content=texticon variant=negative", - "spectrum-helptext-l-negative-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-l-neutral-textonly-name": "HelpText (l-neutral-textonly)", - "spectrum-helptext-l-neutral-textonly-description": "HelpText with options size=l content=textonly variant=neutral", - "spectrum-helptext-l-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-l-negative-textonly-name": "HelpText (l-negative-textonly)", - "spectrum-helptext-l-negative-textonly-description": "HelpText with options size=l content=textonly variant=negative", - "spectrum-helptext-l-negative-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-xl-neutral-texticon-name": "HelpText (xl-neutral-texticon)", - "spectrum-helptext-xl-neutral-texticon-description": "HelpText with options size=xl content=texticon variant=neutral", - "spectrum-helptext-xl-neutral-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-xl-negative-texticon-name": "HelpText (xl-negative-texticon)", - "spectrum-helptext-xl-negative-texticon-description": "HelpText with options size=xl content=texticon variant=negative", - "spectrum-helptext-xl-negative-texticon-version": "1.0.0-beta.0", - "spectrum-helptext-xl-neutral-textonly-name": "HelpText (xl-neutral-textonly)", - "spectrum-helptext-xl-neutral-textonly-description": "HelpText with options size=xl content=textonly variant=neutral", - "spectrum-helptext-xl-neutral-textonly-version": "1.0.0-beta.0", - "spectrum-helptext-xl-negative-textonly-name": "HelpText (xl-negative-textonly)", - "spectrum-helptext-xl-negative-textonly-description": "HelpText with options size=xl content=textonly variant=negative", - "spectrum-helptext-xl-negative-textonly-version": "1.0.0-beta.0", - "spectrum-illustratedmessage-name": "IllustratedMessage (default)", - "spectrum-illustratedmessage-description": "IllustratedMessage with no options", - "spectrum-illustratedmessage-version": "1.0.0-beta.0", - "spectrum-infieldbutton-s-left-name": "InfieldButton (s-left)", - "spectrum-infieldbutton-s-left-description": "InfieldButton with options size=s loudness=low position=left", - "spectrum-infieldbutton-s-left-version": "1.0.0-beta.0", - "spectrum-infieldbutton-s-right-name": "InfieldButton (s-right)", - "spectrum-infieldbutton-s-right-description": "InfieldButton with options size=s loudness=low position=right", - "spectrum-infieldbutton-s-right-version": "1.0.0-beta.0", - "spectrum-infieldbutton-s-none-name": "InfieldButton (s-none)", - "spectrum-infieldbutton-s-none-description": "InfieldButton with options size=s loudness=low position=none", - "spectrum-infieldbutton-s-none-version": "1.0.0-beta.0", - "spectrum-infieldbutton-m-left-name": "InfieldButton (m-left)", - "spectrum-infieldbutton-m-left-description": "InfieldButton with options size=m loudness=low position=left", - "spectrum-infieldbutton-m-left-version": "1.0.0-beta.0", - "spectrum-infieldbutton-m-right-name": "InfieldButton (m-right)", - "spectrum-infieldbutton-m-right-description": "InfieldButton with options size=m loudness=low position=right", - "spectrum-infieldbutton-m-right-version": "1.0.0-beta.0", - "spectrum-infieldbutton-m-none-name": "InfieldButton (m-none)", - "spectrum-infieldbutton-m-none-description": "InfieldButton with options size=m loudness=low position=none", - "spectrum-infieldbutton-m-none-version": "1.0.0-beta.0", - "spectrum-infieldbutton-l-left-name": "InfieldButton (l-left)", - "spectrum-infieldbutton-l-left-description": "InfieldButton with options size=l loudness=low position=left", - "spectrum-infieldbutton-l-left-version": "1.0.0-beta.0", - "spectrum-infieldbutton-l-right-name": "InfieldButton (l-right)", - "spectrum-infieldbutton-l-right-description": "InfieldButton with options size=l loudness=low position=right", - "spectrum-infieldbutton-l-right-version": "1.0.0-beta.0", - "spectrum-infieldbutton-l-none-name": "InfieldButton (l-none)", - "spectrum-infieldbutton-l-none-description": "InfieldButton with options size=l loudness=low position=none", - "spectrum-infieldbutton-l-none-version": "1.0.0-beta.0", - "spectrum-infieldbutton-xl-left-name": "InfieldButton (xl-left)", - "spectrum-infieldbutton-xl-left-description": "InfieldButton with options size=xl loudness=low position=left", - "spectrum-infieldbutton-xl-left-version": "1.0.0-beta.0", - "spectrum-infieldbutton-xl-right-name": "InfieldButton (xl-right)", - "spectrum-infieldbutton-xl-right-description": "InfieldButton with options size=xl loudness=low position=right", - "spectrum-infieldbutton-xl-right-version": "1.0.0-beta.0", - "spectrum-infieldbutton-xl-none-name": "InfieldButton (xl-none)", - "spectrum-infieldbutton-xl-none-description": "InfieldButton with options size=xl loudness=low position=none", - "spectrum-infieldbutton-xl-none-version": "1.0.0-beta.0", - "spectrum-inlinealert-neutral-name": "InlineAlert (neutral)", - "spectrum-inlinealert-neutral-description": "InlineAlert with options variant=neutral", - "spectrum-inlinealert-neutral-status": "Contribution", - "spectrum-inlinealert-neutral-version": "1.0.0-beta.0", - "spectrum-inlinealert-info-name": "InlineAlert (info)", - "spectrum-inlinealert-info-description": "InlineAlert with options variant=info", - "spectrum-inlinealert-info-status": "Contribution", - "spectrum-inlinealert-info-version": "1.0.0-beta.0", - "spectrum-inlinealert-error-name": "InlineAlert (error)", - "spectrum-inlinealert-error-description": "InlineAlert with options variant=error", - "spectrum-inlinealert-error-status": "Contribution", - "spectrum-inlinealert-error-version": "1.0.0-beta.0", - "spectrum-inlinealert-help-name": "InlineAlert (help)", - "spectrum-inlinealert-help-description": "InlineAlert with options variant=help", - "spectrum-inlinealert-help-status": "Contribution", - "spectrum-inlinealert-help-version": "1.0.0-beta.0", - "spectrum-inlinealert-success-name": "InlineAlert (success)", - "spectrum-inlinealert-success-description": "InlineAlert with options variant=success", - "spectrum-inlinealert-success-status": "Contribution", - "spectrum-inlinealert-success-version": "1.0.0-beta.0", - "spectrum-inlinealert-negative-name": "InlineAlert (negative)", - "spectrum-inlinealert-negative-description": "InlineAlert with options variant=negative", - "spectrum-inlinealert-negative-status": "Contribution", - "spectrum-inlinealert-negative-version": "1.0.0-beta.0", - "spectrum-label-colored-name": "Label (colored)", - "spectrum-label-colored-description": "Label with options colored=true", - "spectrum-label-colored-version": "1.0.0-beta.0", - "spectrum-label-name": "Label (default)", - "spectrum-label-description": "Label with options colored=false", - "spectrum-label-version": "1.0.0-beta.0", - "spectrum-link-s-primary-quiet-overbackground-name": "Link (s-primary-quiet-overbackground)", - "spectrum-link-s-primary-quiet-overbackground-description": "Link with options size=s variant=primary overbackground=true quiet=true", - "spectrum-link-s-primary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-s-primary-overbackground-name": "Link (s-primary-overbackground)", - "spectrum-link-s-primary-overbackground-description": "Link with options size=s variant=primary overbackground=true quiet=false", - "spectrum-link-s-primary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-s-primary-quiet-name": "Link (s-primary-quiet)", - "spectrum-link-s-primary-quiet-description": "Link with options size=s variant=primary overbackground=false quiet=true", - "spectrum-link-s-primary-quiet-version": "1.0.0-beta.0", - "spectrum-link-s-primary-name": "Link (s-primary)", - "spectrum-link-s-primary-description": "Link with options size=s variant=primary overbackground=false quiet=false", - "spectrum-link-s-primary-version": "1.0.0-beta.0", - "spectrum-link-s-secondary-quiet-overbackground-name": "Link (s-secondary-quiet-overbackground)", - "spectrum-link-s-secondary-quiet-overbackground-description": "Link with options size=s variant=secondary overbackground=true quiet=true", - "spectrum-link-s-secondary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-s-secondary-overbackground-name": "Link (s-secondary-overbackground)", - "spectrum-link-s-secondary-overbackground-description": "Link with options size=s variant=secondary overbackground=true quiet=false", - "spectrum-link-s-secondary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-s-secondary-quiet-name": "Link (s-secondary-quiet)", - "spectrum-link-s-secondary-quiet-description": "Link with options size=s variant=secondary overbackground=false quiet=true", - "spectrum-link-s-secondary-quiet-version": "1.0.0-beta.0", - "spectrum-link-s-secondary-name": "Link (s-secondary)", - "spectrum-link-s-secondary-description": "Link with options size=s variant=secondary overbackground=false quiet=false", - "spectrum-link-s-secondary-version": "1.0.0-beta.0", - "spectrum-link-m-primary-quiet-overbackground-name": "Link (m-primary-quiet-overbackground)", - "spectrum-link-m-primary-quiet-overbackground-description": "Link with options size=m variant=primary overbackground=true quiet=true", - "spectrum-link-m-primary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-m-primary-overbackground-name": "Link (m-primary-overbackground)", - "spectrum-link-m-primary-overbackground-description": "Link with options size=m variant=primary overbackground=true quiet=false", - "spectrum-link-m-primary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-m-primary-quiet-name": "Link (m-primary-quiet)", - "spectrum-link-m-primary-quiet-description": "Link with options size=m variant=primary overbackground=false quiet=true", - "spectrum-link-m-primary-quiet-version": "1.0.0-beta.0", - "spectrum-link-m-primary-name": "Link (m-primary)", - "spectrum-link-m-primary-description": "Link with options size=m variant=primary overbackground=false quiet=false", - "spectrum-link-m-primary-version": "1.0.0-beta.0", - "spectrum-link-m-secondary-quiet-overbackground-name": "Link (m-secondary-quiet-overbackground)", - "spectrum-link-m-secondary-quiet-overbackground-description": "Link with options size=m variant=secondary overbackground=true quiet=true", - "spectrum-link-m-secondary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-m-secondary-overbackground-name": "Link (m-secondary-overbackground)", - "spectrum-link-m-secondary-overbackground-description": "Link with options size=m variant=secondary overbackground=true quiet=false", - "spectrum-link-m-secondary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-m-secondary-quiet-name": "Link (m-secondary-quiet)", - "spectrum-link-m-secondary-quiet-description": "Link with options size=m variant=secondary overbackground=false quiet=true", - "spectrum-link-m-secondary-quiet-version": "1.0.0-beta.0", - "spectrum-link-m-secondary-name": "Link (m-secondary)", - "spectrum-link-m-secondary-description": "Link with options size=m variant=secondary overbackground=false quiet=false", - "spectrum-link-m-secondary-version": "1.0.0-beta.0", - "spectrum-link-l-primary-quiet-overbackground-name": "Link (l-primary-quiet-overbackground)", - "spectrum-link-l-primary-quiet-overbackground-description": "Link with options size=l variant=primary overbackground=true quiet=true", - "spectrum-link-l-primary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-l-primary-overbackground-name": "Link (l-primary-overbackground)", - "spectrum-link-l-primary-overbackground-description": "Link with options size=l variant=primary overbackground=true quiet=false", - "spectrum-link-l-primary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-l-primary-quiet-name": "Link (l-primary-quiet)", - "spectrum-link-l-primary-quiet-description": "Link with options size=l variant=primary overbackground=false quiet=true", - "spectrum-link-l-primary-quiet-version": "1.0.0-beta.0", - "spectrum-link-l-primary-name": "Link (l-primary)", - "spectrum-link-l-primary-description": "Link with options size=l variant=primary overbackground=false quiet=false", - "spectrum-link-l-primary-version": "1.0.0-beta.0", - "spectrum-link-l-secondary-quiet-overbackground-name": "Link (l-secondary-quiet-overbackground)", - "spectrum-link-l-secondary-quiet-overbackground-description": "Link with options size=l variant=secondary overbackground=true quiet=true", - "spectrum-link-l-secondary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-l-secondary-overbackground-name": "Link (l-secondary-overbackground)", - "spectrum-link-l-secondary-overbackground-description": "Link with options size=l variant=secondary overbackground=true quiet=false", - "spectrum-link-l-secondary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-l-secondary-quiet-name": "Link (l-secondary-quiet)", - "spectrum-link-l-secondary-quiet-description": "Link with options size=l variant=secondary overbackground=false quiet=true", - "spectrum-link-l-secondary-quiet-version": "1.0.0-beta.0", - "spectrum-link-l-secondary-name": "Link (l-secondary)", - "spectrum-link-l-secondary-description": "Link with options size=l variant=secondary overbackground=false quiet=false", - "spectrum-link-l-secondary-version": "1.0.0-beta.0", - "spectrum-link-xl-primary-quiet-overbackground-name": "Link (xl-primary-quiet-overbackground)", - "spectrum-link-xl-primary-quiet-overbackground-description": "Link with options size=xl variant=primary overbackground=true quiet=true", - "spectrum-link-xl-primary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-xl-primary-overbackground-name": "Link (xl-primary-overbackground)", - "spectrum-link-xl-primary-overbackground-description": "Link with options size=xl variant=primary overbackground=true quiet=false", - "spectrum-link-xl-primary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-xl-primary-quiet-name": "Link (xl-primary-quiet)", - "spectrum-link-xl-primary-quiet-description": "Link with options size=xl variant=primary overbackground=false quiet=true", - "spectrum-link-xl-primary-quiet-version": "1.0.0-beta.0", - "spectrum-link-xl-primary-name": "Link (xl-primary)", - "spectrum-link-xl-primary-description": "Link with options size=xl variant=primary overbackground=false quiet=false", - "spectrum-link-xl-primary-version": "1.0.0-beta.0", - "spectrum-link-xl-secondary-quiet-overbackground-name": "Link (xl-secondary-quiet-overbackground)", - "spectrum-link-xl-secondary-quiet-overbackground-description": "Link with options size=xl variant=secondary overbackground=true quiet=true", - "spectrum-link-xl-secondary-quiet-overbackground-version": "1.0.0-beta.0", - "spectrum-link-xl-secondary-overbackground-name": "Link (xl-secondary-overbackground)", - "spectrum-link-xl-secondary-overbackground-description": "Link with options size=xl variant=secondary overbackground=true quiet=false", - "spectrum-link-xl-secondary-overbackground-version": "1.0.0-beta.0", - "spectrum-link-xl-secondary-quiet-name": "Link (xl-secondary-quiet)", - "spectrum-link-xl-secondary-quiet-description": "Link with options size=xl variant=secondary overbackground=false quiet=true", - "spectrum-link-xl-secondary-quiet-version": "1.0.0-beta.0", - "spectrum-link-xl-secondary-name": "Link (xl-secondary)", - "spectrum-link-xl-secondary-description": "Link with options size=xl variant=secondary overbackground=false quiet=false", - "spectrum-link-xl-secondary-version": "1.0.0-beta.0", - "spectrum-listitem-s-texticon-name": "ListItem (s-texticon)", - "spectrum-listitem-s-texticon-description": "ListItem with options size=s content=texticon", - "spectrum-listitem-s-texticon-status": "Verified", - "spectrum-listitem-s-texticon-version": "1.0.0-beta.0", - "spectrum-listitem-s-textonly-name": "ListItem (s-textonly)", - "spectrum-listitem-s-textonly-description": "ListItem with options size=s content=textonly", - "spectrum-listitem-s-textonly-status": "Verified", - "spectrum-listitem-s-textonly-version": "1.0.0-beta.0", - "spectrum-listitem-s-textthumbnail-name": "ListItem (s-textthumbnail)", - "spectrum-listitem-s-textthumbnail-description": "ListItem with options size=s content=textthumbnail", - "spectrum-listitem-s-textthumbnail-status": "Verified", - "spectrum-listitem-s-textthumbnail-version": "1.0.0-beta.0", - "spectrum-listitem-m-texticon-name": "ListItem (m-texticon)", - "spectrum-listitem-m-texticon-description": "ListItem with options size=m content=texticon", - "spectrum-listitem-m-texticon-status": "Verified", - "spectrum-listitem-m-texticon-version": "1.0.0-beta.0", - "spectrum-listitem-m-textonly-name": "ListItem (m-textonly)", - "spectrum-listitem-m-textonly-description": "ListItem with options size=m content=textonly", - "spectrum-listitem-m-textonly-status": "Verified", - "spectrum-listitem-m-textonly-version": "1.0.0-beta.0", - "spectrum-listitem-m-textthumbnail-name": "ListItem (m-textthumbnail)", - "spectrum-listitem-m-textthumbnail-description": "ListItem with options size=m content=textthumbnail", - "spectrum-listitem-m-textthumbnail-status": "Verified", - "spectrum-listitem-m-textthumbnail-version": "1.0.0-beta.0", - "spectrum-listitem-l-texticon-name": "ListItem (l-texticon)", - "spectrum-listitem-l-texticon-description": "ListItem with options size=l content=texticon", - "spectrum-listitem-l-texticon-status": "Verified", - "spectrum-listitem-l-texticon-version": "1.0.0-beta.0", - "spectrum-listitem-l-textonly-name": "ListItem (l-textonly)", - "spectrum-listitem-l-textonly-description": "ListItem with options size=l content=textonly", - "spectrum-listitem-l-textonly-status": "Verified", - "spectrum-listitem-l-textonly-version": "1.0.0-beta.0", - "spectrum-listitem-l-textthumbnail-name": "ListItem (l-textthumbnail)", - "spectrum-listitem-l-textthumbnail-description": "ListItem with options size=l content=textthumbnail", - "spectrum-listitem-l-textthumbnail-status": "Verified", - "spectrum-listitem-l-textthumbnail-version": "1.0.0-beta.0", - "spectrum-listitem-xl-texticon-name": "ListItem (xl-texticon)", - "spectrum-listitem-xl-texticon-description": "ListItem with options size=xl content=texticon", - "spectrum-listitem-xl-texticon-status": "Verified", - "spectrum-listitem-xl-texticon-version": "1.0.0-beta.0", - "spectrum-listitem-xl-textonly-name": "ListItem (xl-textonly)", - "spectrum-listitem-xl-textonly-description": "ListItem with options size=xl content=textonly", - "spectrum-listitem-xl-textonly-status": "Verified", - "spectrum-listitem-xl-textonly-version": "1.0.0-beta.0", - "spectrum-listitem-xl-textthumbnail-name": "ListItem (xl-textthumbnail)", - "spectrum-listitem-xl-textthumbnail-description": "ListItem with options size=xl content=textthumbnail", - "spectrum-listitem-xl-textthumbnail-status": "Verified", - "spectrum-listitem-xl-textthumbnail-version": "1.0.0-beta.0", - "spectrum-logicbutton-and-name": "LogicButton (and)", - "spectrum-logicbutton-and-description": "LogicButton with options variant=and", - "spectrum-logicbutton-and-version": "1.0.0-beta.0", - "spectrum-logicbutton-or-name": "LogicButton (or)", - "spectrum-logicbutton-or-description": "LogicButton with options variant=or", - "spectrum-logicbutton-or-version": "1.0.0-beta.0", - "spectrum-meter-s-negative-overbackground-name": "Meter (s-negative-overbackground)", - "spectrum-meter-s-negative-overbackground-description": "Meter with options size=s variant=negative overbackground=true", - "spectrum-meter-s-negative-overbackground-status": "Verified", - "spectrum-meter-s-negative-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-s-negative-name": "Meter (s-negative)", - "spectrum-meter-s-negative-description": "Meter with options size=s variant=negative overbackground=false", - "spectrum-meter-s-negative-status": "Verified", - "spectrum-meter-s-negative-version": "1.0.0-beta.0", - "spectrum-meter-s-notice-overbackground-name": "Meter (s-notice-overbackground)", - "spectrum-meter-s-notice-overbackground-description": "Meter with options size=s variant=notice overbackground=true", - "spectrum-meter-s-notice-overbackground-status": "Verified", - "spectrum-meter-s-notice-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-s-notice-name": "Meter (s-notice)", - "spectrum-meter-s-notice-description": "Meter with options size=s variant=notice overbackground=false", - "spectrum-meter-s-notice-status": "Verified", - "spectrum-meter-s-notice-version": "1.0.0-beta.0", - "spectrum-meter-s-positive-overbackground-name": "Meter (s-positive-overbackground)", - "spectrum-meter-s-positive-overbackground-description": "Meter with options size=s variant=positive overbackground=true", - "spectrum-meter-s-positive-overbackground-status": "Verified", - "spectrum-meter-s-positive-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-s-positive-name": "Meter (s-positive)", - "spectrum-meter-s-positive-description": "Meter with options size=s variant=positive overbackground=false", - "spectrum-meter-s-positive-status": "Verified", - "spectrum-meter-s-positive-version": "1.0.0-beta.0", - "spectrum-meter-m-negative-overbackground-name": "Meter (m-negative-overbackground)", - "spectrum-meter-m-negative-overbackground-description": "Meter with options size=m variant=negative overbackground=true", - "spectrum-meter-m-negative-overbackground-status": "Verified", - "spectrum-meter-m-negative-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-m-negative-name": "Meter (m-negative)", - "spectrum-meter-m-negative-description": "Meter with options size=m variant=negative overbackground=false", - "spectrum-meter-m-negative-status": "Verified", - "spectrum-meter-m-negative-version": "1.0.0-beta.0", - "spectrum-meter-m-notice-overbackground-name": "Meter (m-notice-overbackground)", - "spectrum-meter-m-notice-overbackground-description": "Meter with options size=m variant=notice overbackground=true", - "spectrum-meter-m-notice-overbackground-status": "Verified", - "spectrum-meter-m-notice-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-m-notice-name": "Meter (m-notice)", - "spectrum-meter-m-notice-description": "Meter with options size=m variant=notice overbackground=false", - "spectrum-meter-m-notice-status": "Verified", - "spectrum-meter-m-notice-version": "1.0.0-beta.0", - "spectrum-meter-m-positive-overbackground-name": "Meter (m-positive-overbackground)", - "spectrum-meter-m-positive-overbackground-description": "Meter with options size=m variant=positive overbackground=true", - "spectrum-meter-m-positive-overbackground-status": "Verified", - "spectrum-meter-m-positive-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-m-positive-name": "Meter (m-positive)", - "spectrum-meter-m-positive-description": "Meter with options size=m variant=positive overbackground=false", - "spectrum-meter-m-positive-status": "Verified", - "spectrum-meter-m-positive-version": "1.0.0-beta.0", - "spectrum-meter-l-negative-overbackground-name": "Meter (l-negative-overbackground)", - "spectrum-meter-l-negative-overbackground-description": "Meter with options size=l variant=negative overbackground=true", - "spectrum-meter-l-negative-overbackground-status": "Verified", - "spectrum-meter-l-negative-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-l-negative-name": "Meter (l-negative)", - "spectrum-meter-l-negative-description": "Meter with options size=l variant=negative overbackground=false", - "spectrum-meter-l-negative-status": "Verified", - "spectrum-meter-l-negative-version": "1.0.0-beta.0", - "spectrum-meter-l-notice-overbackground-name": "Meter (l-notice-overbackground)", - "spectrum-meter-l-notice-overbackground-description": "Meter with options size=l variant=notice overbackground=true", - "spectrum-meter-l-notice-overbackground-status": "Verified", - "spectrum-meter-l-notice-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-l-notice-name": "Meter (l-notice)", - "spectrum-meter-l-notice-description": "Meter with options size=l variant=notice overbackground=false", - "spectrum-meter-l-notice-status": "Verified", - "spectrum-meter-l-notice-version": "1.0.0-beta.0", - "spectrum-meter-l-positive-overbackground-name": "Meter (l-positive-overbackground)", - "spectrum-meter-l-positive-overbackground-description": "Meter with options size=l variant=positive overbackground=true", - "spectrum-meter-l-positive-overbackground-status": "Verified", - "spectrum-meter-l-positive-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-l-positive-name": "Meter (l-positive)", - "spectrum-meter-l-positive-description": "Meter with options size=l variant=positive overbackground=false", - "spectrum-meter-l-positive-status": "Verified", - "spectrum-meter-l-positive-version": "1.0.0-beta.0", - "spectrum-meter-xl-negative-overbackground-name": "Meter (xl-negative-overbackground)", - "spectrum-meter-xl-negative-overbackground-description": "Meter with options size=xl variant=negative overbackground=true", - "spectrum-meter-xl-negative-overbackground-status": "Verified", - "spectrum-meter-xl-negative-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-xl-negative-name": "Meter (xl-negative)", - "spectrum-meter-xl-negative-description": "Meter with options size=xl variant=negative overbackground=false", - "spectrum-meter-xl-negative-status": "Verified", - "spectrum-meter-xl-negative-version": "1.0.0-beta.0", - "spectrum-meter-xl-notice-overbackground-name": "Meter (xl-notice-overbackground)", - "spectrum-meter-xl-notice-overbackground-description": "Meter with options size=xl variant=notice overbackground=true", - "spectrum-meter-xl-notice-overbackground-status": "Verified", - "spectrum-meter-xl-notice-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-xl-notice-name": "Meter (xl-notice)", - "spectrum-meter-xl-notice-description": "Meter with options size=xl variant=notice overbackground=false", - "spectrum-meter-xl-notice-status": "Verified", - "spectrum-meter-xl-notice-version": "1.0.0-beta.0", - "spectrum-meter-xl-positive-overbackground-name": "Meter (xl-positive-overbackground)", - "spectrum-meter-xl-positive-overbackground-description": "Meter with options size=xl variant=positive overbackground=true", - "spectrum-meter-xl-positive-overbackground-status": "Verified", - "spectrum-meter-xl-positive-overbackground-version": "1.0.0-beta.0", - "spectrum-meter-xl-positive-name": "Meter (xl-positive)", - "spectrum-meter-xl-positive-description": "Meter with options size=xl variant=positive overbackground=false", - "spectrum-meter-xl-positive-status": "Verified", - "spectrum-meter-xl-positive-version": "1.0.0-beta.0", - "spectrum-millercolumn-name": "MillerColumn (default)", - "spectrum-millercolumn-description": "MillerColumn with no options", - "spectrum-millercolumn-version": "1.0.0-beta.0", - "spectrum-opacitycheckerboard-name": "OpacityCheckerboard (default)", - "spectrum-opacitycheckerboard-description": "OpacityCheckerboard with no options", - "spectrum-opacitycheckerboard-version": "1.0.0-beta.0", - "spectrum-pagination-name": "Pagination (default)", - "spectrum-pagination-description": "Pagination with options variant=default", - "spectrum-pagination-version": "1.0.0-beta.0", - "spectrum-pagination-button-name": "Pagination (button)", - "spectrum-pagination-button-description": "Pagination with options variant=button", - "spectrum-pagination-button-version": "1.0.0-beta.0", - "spectrum-pagination-explicit-name": "Pagination (explicit)", - "spectrum-pagination-explicit-description": "Pagination with options variant=explicit", - "spectrum-pagination-explicit-version": "1.0.0-beta.0", - "spectrum-pagination-listing-name": "Pagination (listing)", - "spectrum-pagination-listing-description": "Pagination with options variant=listing", - "spectrum-pagination-listing-version": "1.0.0-beta.0", - "spectrum-panel-s-collapsible-name": "Panel (s-collapsible)", - "spectrum-panel-s-collapsible-description": "Panel with options size=s density=regular collapsible=true", - "spectrum-panel-s-collapsible-version": "1.0.0-beta.0", - "spectrum-panel-s-name": "Panel (s)", - "spectrum-panel-s-description": "Panel with options size=s density=regular collapsible=false", - "spectrum-panel-s-version": "1.0.0-beta.0", - "spectrum-panel-s-spacious-collapsible-name": "Panel (s-spacious-collapsible)", - "spectrum-panel-s-spacious-collapsible-description": "Panel with options size=s density=spacious collapsible=true", - "spectrum-panel-s-spacious-collapsible-version": "1.0.0-beta.0", - "spectrum-panel-s-spacious-name": "Panel (s-spacious)", - "spectrum-panel-s-spacious-description": "Panel with options size=s density=spacious collapsible=false", - "spectrum-panel-s-spacious-version": "1.0.0-beta.0", - "spectrum-panel-l-collapsible-name": "Panel (l-collapsible)", - "spectrum-panel-l-collapsible-description": "Panel with options size=l density=regular collapsible=true", - "spectrum-panel-l-collapsible-version": "1.0.0-beta.0", - "spectrum-panel-l-name": "Panel (l)", - "spectrum-panel-l-description": "Panel with options size=l density=regular collapsible=false", - "spectrum-panel-l-version": "1.0.0-beta.0", - "spectrum-panel-l-spacious-collapsible-name": "Panel (l-spacious-collapsible)", - "spectrum-panel-l-spacious-collapsible-description": "Panel with options size=l density=spacious collapsible=true", - "spectrum-panel-l-spacious-collapsible-version": "1.0.0-beta.0", - "spectrum-panel-l-spacious-name": "Panel (l-spacious)", - "spectrum-panel-l-spacious-description": "Panel with options size=l density=spacious collapsible=false", - "spectrum-panel-l-spacious-version": "1.0.0-beta.0", - "spectrum-picker-s-quiet-texticon-name": "Picker (s-quiet-texticon)", - "spectrum-picker-s-quiet-texticon-description": "Picker with options size=s content=texticon quiet=true", - "spectrum-picker-s-quiet-texticon-status": "Verified", - "spectrum-picker-s-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-picker-s-texticon-name": "Picker (s-texticon)", - "spectrum-picker-s-texticon-description": "Picker with options size=s content=texticon quiet=false", - "spectrum-picker-s-texticon-status": "Verified", - "spectrum-picker-s-texticon-version": "1.0.0-beta.0", - "spectrum-picker-s-quiet-textonly-name": "Picker (s-quiet-textonly)", - "spectrum-picker-s-quiet-textonly-description": "Picker with options size=s content=textonly quiet=true", - "spectrum-picker-s-quiet-textonly-status": "Verified", - "spectrum-picker-s-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-picker-s-textonly-name": "Picker (s-textonly)", - "spectrum-picker-s-textonly-description": "Picker with options size=s content=textonly quiet=false", - "spectrum-picker-s-textonly-status": "Verified", - "spectrum-picker-s-textonly-version": "1.0.0-beta.0", - "spectrum-picker-s-quiet-textthumbnail-name": "Picker (s-quiet-textthumbnail)", - "spectrum-picker-s-quiet-textthumbnail-description": "Picker with options size=s content=textthumbnail quiet=true", - "spectrum-picker-s-quiet-textthumbnail-status": "Verified", - "spectrum-picker-s-quiet-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-s-textthumbnail-name": "Picker (s-textthumbnail)", - "spectrum-picker-s-textthumbnail-description": "Picker with options size=s content=textthumbnail quiet=false", - "spectrum-picker-s-textthumbnail-status": "Verified", - "spectrum-picker-s-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-m-quiet-texticon-name": "Picker (m-quiet-texticon)", - "spectrum-picker-m-quiet-texticon-description": "Picker with options size=m content=texticon quiet=true", - "spectrum-picker-m-quiet-texticon-status": "Verified", - "spectrum-picker-m-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-picker-m-texticon-name": "Picker (m-texticon)", - "spectrum-picker-m-texticon-description": "Picker with options size=m content=texticon quiet=false", - "spectrum-picker-m-texticon-status": "Verified", - "spectrum-picker-m-texticon-version": "1.0.0-beta.0", - "spectrum-picker-m-quiet-textonly-name": "Picker (m-quiet-textonly)", - "spectrum-picker-m-quiet-textonly-description": "Picker with options size=m content=textonly quiet=true", - "spectrum-picker-m-quiet-textonly-status": "Verified", - "spectrum-picker-m-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-picker-m-textonly-name": "Picker (m-textonly)", - "spectrum-picker-m-textonly-description": "Picker with options size=m content=textonly quiet=false", - "spectrum-picker-m-textonly-status": "Verified", - "spectrum-picker-m-textonly-version": "1.0.0-beta.0", - "spectrum-picker-m-quiet-textthumbnail-name": "Picker (m-quiet-textthumbnail)", - "spectrum-picker-m-quiet-textthumbnail-description": "Picker with options size=m content=textthumbnail quiet=true", - "spectrum-picker-m-quiet-textthumbnail-status": "Verified", - "spectrum-picker-m-quiet-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-m-textthumbnail-name": "Picker (m-textthumbnail)", - "spectrum-picker-m-textthumbnail-description": "Picker with options size=m content=textthumbnail quiet=false", - "spectrum-picker-m-textthumbnail-status": "Verified", - "spectrum-picker-m-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-l-quiet-texticon-name": "Picker (l-quiet-texticon)", - "spectrum-picker-l-quiet-texticon-description": "Picker with options size=l content=texticon quiet=true", - "spectrum-picker-l-quiet-texticon-status": "Verified", - "spectrum-picker-l-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-picker-l-texticon-name": "Picker (l-texticon)", - "spectrum-picker-l-texticon-description": "Picker with options size=l content=texticon quiet=false", - "spectrum-picker-l-texticon-status": "Verified", - "spectrum-picker-l-texticon-version": "1.0.0-beta.0", - "spectrum-picker-l-quiet-textonly-name": "Picker (l-quiet-textonly)", - "spectrum-picker-l-quiet-textonly-description": "Picker with options size=l content=textonly quiet=true", - "spectrum-picker-l-quiet-textonly-status": "Verified", - "spectrum-picker-l-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-picker-l-textonly-name": "Picker (l-textonly)", - "spectrum-picker-l-textonly-description": "Picker with options size=l content=textonly quiet=false", - "spectrum-picker-l-textonly-status": "Verified", - "spectrum-picker-l-textonly-version": "1.0.0-beta.0", - "spectrum-picker-l-quiet-textthumbnail-name": "Picker (l-quiet-textthumbnail)", - "spectrum-picker-l-quiet-textthumbnail-description": "Picker with options size=l content=textthumbnail quiet=true", - "spectrum-picker-l-quiet-textthumbnail-status": "Verified", - "spectrum-picker-l-quiet-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-l-textthumbnail-name": "Picker (l-textthumbnail)", - "spectrum-picker-l-textthumbnail-description": "Picker with options size=l content=textthumbnail quiet=false", - "spectrum-picker-l-textthumbnail-status": "Verified", - "spectrum-picker-l-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-xl-quiet-texticon-name": "Picker (xl-quiet-texticon)", - "spectrum-picker-xl-quiet-texticon-description": "Picker with options size=xl content=texticon quiet=true", - "spectrum-picker-xl-quiet-texticon-status": "Verified", - "spectrum-picker-xl-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-picker-xl-texticon-name": "Picker (xl-texticon)", - "spectrum-picker-xl-texticon-description": "Picker with options size=xl content=texticon quiet=false", - "spectrum-picker-xl-texticon-status": "Verified", - "spectrum-picker-xl-texticon-version": "1.0.0-beta.0", - "spectrum-picker-xl-quiet-textonly-name": "Picker (xl-quiet-textonly)", - "spectrum-picker-xl-quiet-textonly-description": "Picker with options size=xl content=textonly quiet=true", - "spectrum-picker-xl-quiet-textonly-status": "Verified", - "spectrum-picker-xl-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-picker-xl-textonly-name": "Picker (xl-textonly)", - "spectrum-picker-xl-textonly-description": "Picker with options size=xl content=textonly quiet=false", - "spectrum-picker-xl-textonly-status": "Verified", - "spectrum-picker-xl-textonly-version": "1.0.0-beta.0", - "spectrum-picker-xl-quiet-textthumbnail-name": "Picker (xl-quiet-textthumbnail)", - "spectrum-picker-xl-quiet-textthumbnail-description": "Picker with options size=xl content=textthumbnail quiet=true", - "spectrum-picker-xl-quiet-textthumbnail-status": "Verified", - "spectrum-picker-xl-quiet-textthumbnail-version": "1.0.0-beta.0", - "spectrum-picker-xl-textthumbnail-name": "Picker (xl-textthumbnail)", - "spectrum-picker-xl-textthumbnail-description": "Picker with options size=xl content=textthumbnail quiet=false", - "spectrum-picker-xl-textthumbnail-status": "Verified", - "spectrum-picker-xl-textthumbnail-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-left-textuiicon-name": "PickerButton (s-left-textuiicon)", - "spectrum-pickerbutton-s-left-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-right-textuiicon-name": "PickerButton (s-right-textuiicon)", - "spectrum-pickerbutton-s-right-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-none-textuiicon-name": "PickerButton (s-none-textuiicon)", - "spectrum-pickerbutton-s-none-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-left-uiicononly-name": "PickerButton (s-left-uiicononly)", - "spectrum-pickerbutton-s-left-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-right-uiicononly-name": "PickerButton (s-right-uiicononly)", - "spectrum-pickerbutton-s-right-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-none-uiicononly-name": "PickerButton (s-none-uiicononly)", - "spectrum-pickerbutton-s-none-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-left-icononly-name": "PickerButton (s-left-icononly)", - "spectrum-pickerbutton-s-left-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-right-icononly-name": "PickerButton (s-right-icononly)", - "spectrum-pickerbutton-s-right-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-s-none-icononly-name": "PickerButton (s-none-icononly)", - "spectrum-pickerbutton-s-none-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-left-textuiicon-name": "PickerButton (m-left-textuiicon)", - "spectrum-pickerbutton-m-left-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-right-textuiicon-name": "PickerButton (m-right-textuiicon)", - "spectrum-pickerbutton-m-right-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-none-textuiicon-name": "PickerButton (m-none-textuiicon)", - "spectrum-pickerbutton-m-none-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-left-uiicononly-name": "PickerButton (m-left-uiicononly)", - "spectrum-pickerbutton-m-left-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-right-uiicononly-name": "PickerButton (m-right-uiicononly)", - "spectrum-pickerbutton-m-right-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-none-uiicononly-name": "PickerButton (m-none-uiicononly)", - "spectrum-pickerbutton-m-none-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-left-icononly-name": "PickerButton (m-left-icononly)", - "spectrum-pickerbutton-m-left-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-right-icononly-name": "PickerButton (m-right-icononly)", - "spectrum-pickerbutton-m-right-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-m-none-icononly-name": "PickerButton (m-none-icononly)", - "spectrum-pickerbutton-m-none-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-left-textuiicon-name": "PickerButton (l-left-textuiicon)", - "spectrum-pickerbutton-l-left-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-right-textuiicon-name": "PickerButton (l-right-textuiicon)", - "spectrum-pickerbutton-l-right-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-none-textuiicon-name": "PickerButton (l-none-textuiicon)", - "spectrum-pickerbutton-l-none-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-left-uiicononly-name": "PickerButton (l-left-uiicononly)", - "spectrum-pickerbutton-l-left-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-right-uiicononly-name": "PickerButton (l-right-uiicononly)", - "spectrum-pickerbutton-l-right-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-none-uiicononly-name": "PickerButton (l-none-uiicononly)", - "spectrum-pickerbutton-l-none-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-left-icononly-name": "PickerButton (l-left-icononly)", - "spectrum-pickerbutton-l-left-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-right-icononly-name": "PickerButton (l-right-icononly)", - "spectrum-pickerbutton-l-right-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-l-none-icononly-name": "PickerButton (l-none-icononly)", - "spectrum-pickerbutton-l-none-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-left-textuiicon-name": "PickerButton (xl-left-textuiicon)", - "spectrum-pickerbutton-xl-left-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-right-textuiicon-name": "PickerButton (xl-right-textuiicon)", - "spectrum-pickerbutton-xl-right-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-none-textuiicon-name": "PickerButton (xl-none-textuiicon)", - "spectrum-pickerbutton-xl-none-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-textuiicon-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-left-uiicononly-name": "PickerButton (xl-left-uiicononly)", - "spectrum-pickerbutton-xl-left-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-right-uiicononly-name": "PickerButton (xl-right-uiicononly)", - "spectrum-pickerbutton-xl-right-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-none-uiicononly-name": "PickerButton (xl-none-uiicononly)", - "spectrum-pickerbutton-xl-none-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-uiicononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-left-icononly-name": "PickerButton (xl-left-icononly)", - "spectrum-pickerbutton-xl-left-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-right-icononly-name": "PickerButton (xl-right-icononly)", - "spectrum-pickerbutton-xl-right-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-icononly-version": "1.0.0-beta.0", - "spectrum-pickerbutton-xl-none-icononly-name": "PickerButton (xl-none-icononly)", - "spectrum-pickerbutton-xl-none-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-icononly-version": "1.0.0-beta.0", - "spectrum-popover-name": "Popover (default)", - "spectrum-popover-description": "Popover with no options", - "spectrum-popover-version": "1.0.0-beta.0", - "spectrum-progressbar-s-indeterminate-overbackground-name": "ProgressBar (s-indeterminate-overbackground)", - "spectrum-progressbar-s-indeterminate-overbackground-description": "ProgressBar with options size=s indeterminate=true overbackground=true", - "spectrum-progressbar-s-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-s-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-s-indeterminate-name": "ProgressBar (s-indeterminate)", - "spectrum-progressbar-s-indeterminate-description": "ProgressBar with options size=s indeterminate=true overbackground=false", - "spectrum-progressbar-s-indeterminate-status": "Verified", - "spectrum-progressbar-s-indeterminate-version": "1.0.0-beta.0", - "spectrum-progressbar-s-overbackground-name": "ProgressBar (s-overbackground)", - "spectrum-progressbar-s-overbackground-description": "ProgressBar with options size=s indeterminate=false overbackground=true", - "spectrum-progressbar-s-overbackground-status": "Verified", - "spectrum-progressbar-s-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-s-name": "ProgressBar (s)", - "spectrum-progressbar-s-description": "ProgressBar with options size=s indeterminate=false overbackground=false", - "spectrum-progressbar-s-status": "Verified", - "spectrum-progressbar-s-version": "1.0.0-beta.0", - "spectrum-progressbar-m-indeterminate-overbackground-name": "ProgressBar (m-indeterminate-overbackground)", - "spectrum-progressbar-m-indeterminate-overbackground-description": "ProgressBar with options size=m indeterminate=true overbackground=true", - "spectrum-progressbar-m-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-m-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-m-indeterminate-name": "ProgressBar (m-indeterminate)", - "spectrum-progressbar-m-indeterminate-description": "ProgressBar with options size=m indeterminate=true overbackground=false", - "spectrum-progressbar-m-indeterminate-status": "Verified", - "spectrum-progressbar-m-indeterminate-version": "1.0.0-beta.0", - "spectrum-progressbar-m-overbackground-name": "ProgressBar (m-overbackground)", - "spectrum-progressbar-m-overbackground-description": "ProgressBar with options size=m indeterminate=false overbackground=true", - "spectrum-progressbar-m-overbackground-status": "Verified", - "spectrum-progressbar-m-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-m-name": "ProgressBar (m)", - "spectrum-progressbar-m-description": "ProgressBar with options size=m indeterminate=false overbackground=false", - "spectrum-progressbar-m-status": "Verified", - "spectrum-progressbar-m-version": "1.0.0-beta.0", - "spectrum-progressbar-l-indeterminate-overbackground-name": "ProgressBar (l-indeterminate-overbackground)", - "spectrum-progressbar-l-indeterminate-overbackground-description": "ProgressBar with options size=l indeterminate=true overbackground=true", - "spectrum-progressbar-l-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-l-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-l-indeterminate-name": "ProgressBar (l-indeterminate)", - "spectrum-progressbar-l-indeterminate-description": "ProgressBar with options size=l indeterminate=true overbackground=false", - "spectrum-progressbar-l-indeterminate-status": "Verified", - "spectrum-progressbar-l-indeterminate-version": "1.0.0-beta.0", - "spectrum-progressbar-l-overbackground-name": "ProgressBar (l-overbackground)", - "spectrum-progressbar-l-overbackground-description": "ProgressBar with options size=l indeterminate=false overbackground=true", - "spectrum-progressbar-l-overbackground-status": "Verified", - "spectrum-progressbar-l-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-l-name": "ProgressBar (l)", - "spectrum-progressbar-l-description": "ProgressBar with options size=l indeterminate=false overbackground=false", - "spectrum-progressbar-l-status": "Verified", - "spectrum-progressbar-l-version": "1.0.0-beta.0", - "spectrum-progressbar-xl-indeterminate-overbackground-name": "ProgressBar (xl-indeterminate-overbackground)", - "spectrum-progressbar-xl-indeterminate-overbackground-description": "ProgressBar with options size=xl indeterminate=true overbackground=true", - "spectrum-progressbar-xl-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-xl-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-xl-indeterminate-name": "ProgressBar (xl-indeterminate)", - "spectrum-progressbar-xl-indeterminate-description": "ProgressBar with options size=xl indeterminate=true overbackground=false", - "spectrum-progressbar-xl-indeterminate-status": "Verified", - "spectrum-progressbar-xl-indeterminate-version": "1.0.0-beta.0", - "spectrum-progressbar-xl-overbackground-name": "ProgressBar (xl-overbackground)", - "spectrum-progressbar-xl-overbackground-description": "ProgressBar with options size=xl indeterminate=false overbackground=true", - "spectrum-progressbar-xl-overbackground-status": "Verified", - "spectrum-progressbar-xl-overbackground-version": "1.0.0-beta.0", - "spectrum-progressbar-xl-name": "ProgressBar (xl)", - "spectrum-progressbar-xl-description": "ProgressBar with options size=xl indeterminate=false overbackground=false", - "spectrum-progressbar-xl-status": "Verified", - "spectrum-progressbar-xl-version": "1.0.0-beta.0", - "spectrum-progresscircle-s-indeterminate-overbackground-name": "ProgressCircle (s-indeterminate-overbackground)", - "spectrum-progresscircle-s-indeterminate-overbackground-description": "ProgressCircle with options size=s indeterminate=true overbackground=true", - "spectrum-progresscircle-s-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-s-indeterminate-name": "ProgressCircle (s-indeterminate)", - "spectrum-progresscircle-s-indeterminate-description": "ProgressCircle with options size=s indeterminate=true overbackground=false", - "spectrum-progresscircle-s-indeterminate-version": "1.0.0-beta.0", - "spectrum-progresscircle-s-overbackground-name": "ProgressCircle (s-overbackground)", - "spectrum-progresscircle-s-overbackground-description": "ProgressCircle with options size=s indeterminate=false overbackground=true", - "spectrum-progresscircle-s-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-s-name": "ProgressCircle (s)", - "spectrum-progresscircle-s-description": "ProgressCircle with options size=s indeterminate=false overbackground=false", - "spectrum-progresscircle-s-version": "1.0.0-beta.0", - "spectrum-progresscircle-m-indeterminate-overbackground-name": "ProgressCircle (m-indeterminate-overbackground)", - "spectrum-progresscircle-m-indeterminate-overbackground-description": "ProgressCircle with options size=m indeterminate=true overbackground=true", - "spectrum-progresscircle-m-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-m-indeterminate-name": "ProgressCircle (m-indeterminate)", - "spectrum-progresscircle-m-indeterminate-description": "ProgressCircle with options size=m indeterminate=true overbackground=false", - "spectrum-progresscircle-m-indeterminate-version": "1.0.0-beta.0", - "spectrum-progresscircle-m-overbackground-name": "ProgressCircle (m-overbackground)", - "spectrum-progresscircle-m-overbackground-description": "ProgressCircle with options size=m indeterminate=false overbackground=true", - "spectrum-progresscircle-m-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-m-name": "ProgressCircle (m)", - "spectrum-progresscircle-m-description": "ProgressCircle with options size=m indeterminate=false overbackground=false", - "spectrum-progresscircle-m-version": "1.0.0-beta.0", - "spectrum-progresscircle-l-indeterminate-overbackground-name": "ProgressCircle (l-indeterminate-overbackground)", - "spectrum-progresscircle-l-indeterminate-overbackground-description": "ProgressCircle with options size=l indeterminate=true overbackground=true", - "spectrum-progresscircle-l-indeterminate-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-l-indeterminate-name": "ProgressCircle (l-indeterminate)", - "spectrum-progresscircle-l-indeterminate-description": "ProgressCircle with options size=l indeterminate=true overbackground=false", - "spectrum-progresscircle-l-indeterminate-version": "1.0.0-beta.0", - "spectrum-progresscircle-l-overbackground-name": "ProgressCircle (l-overbackground)", - "spectrum-progresscircle-l-overbackground-description": "ProgressCircle with options size=l indeterminate=false overbackground=true", - "spectrum-progresscircle-l-overbackground-version": "1.0.0-beta.0", - "spectrum-progresscircle-l-name": "ProgressCircle (l)", - "spectrum-progresscircle-l-description": "ProgressCircle with options size=l indeterminate=false overbackground=false", - "spectrum-progresscircle-l-version": "1.0.0-beta.0", - "spectrum-quickactions-name": "QuickActions (default)", - "spectrum-quickactions-description": "QuickActions with no options", - "spectrum-quickactions-status": "Contribution", - "spectrum-quickactions-version": "1.0.0-beta.0", - "spectrum-radio-s-emphasized-name": "Radio (s-emphasized)", - "spectrum-radio-s-emphasized-description": "Radio with options size=s emphasized=true", - "spectrum-radio-s-emphasized-version": "1.0.0-beta.0", - "spectrum-radio-s-name": "Radio (s)", - "spectrum-radio-s-description": "Radio with options size=s emphasized=false", - "spectrum-radio-s-version": "1.0.0-beta.0", - "spectrum-radio-m-emphasized-name": "Radio (m-emphasized)", - "spectrum-radio-m-emphasized-description": "Radio with options size=m emphasized=true", - "spectrum-radio-m-emphasized-version": "1.0.0-beta.0", - "spectrum-radio-m-name": "Radio (m)", - "spectrum-radio-m-description": "Radio with options size=m emphasized=false", - "spectrum-radio-m-version": "1.0.0-beta.0", - "spectrum-radio-l-emphasized-name": "Radio (l-emphasized)", - "spectrum-radio-l-emphasized-description": "Radio with options size=l emphasized=true", - "spectrum-radio-l-emphasized-version": "1.0.0-beta.0", - "spectrum-radio-l-name": "Radio (l)", - "spectrum-radio-l-description": "Radio with options size=l emphasized=false", - "spectrum-radio-l-version": "1.0.0-beta.0", - "spectrum-radio-xl-emphasized-name": "Radio (xl-emphasized)", - "spectrum-radio-xl-emphasized-description": "Radio with options size=xl emphasized=true", - "spectrum-radio-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-radio-xl-name": "Radio (xl)", - "spectrum-radio-xl-description": "Radio with options size=xl emphasized=false", - "spectrum-radio-xl-version": "1.0.0-beta.0", - "spectrum-radiogroup-name": "RadioGroup (default)", - "spectrum-radiogroup-description": "RadioGroup with no options", - "spectrum-radiogroup-version": "1.0.0-beta.0", - "spectrum-rating-emphasized-name": "Rating (emphasized)", - "spectrum-rating-emphasized-description": "Rating with options emphasized=true", - "spectrum-rating-emphasized-version": "1.0.0-beta.0", - "spectrum-rating-name": "Rating (default)", - "spectrum-rating-description": "Rating with options emphasized=false", - "spectrum-rating-version": "1.0.0-beta.0", - "spectrum-scrollbar-s-name": "ScrollBar (s)", - "spectrum-scrollbar-s-description": "ScrollBar with options size=s staticColor=none platform=other", - "spectrum-scrollbar-s-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-s-name": "ScrollBar (mac-s)", - "spectrum-scrollbar-mac-s-description": "ScrollBar with options size=s staticColor=none platform=mac", - "spectrum-scrollbar-mac-s-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-s-name": "ScrollBar (windows-s)", - "spectrum-scrollbar-windows-s-description": "ScrollBar with options size=s staticColor=none platform=windows", - "spectrum-scrollbar-windows-s-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-s-name": "ScrollBar (android-s)", - "spectrum-scrollbar-android-s-description": "ScrollBar with options size=s staticColor=none platform=android", - "spectrum-scrollbar-android-s-version": "1.0.0-beta.0", - "spectrum-scrollbar-s-white-name": "ScrollBar (s-white)", - "spectrum-scrollbar-s-white-description": "ScrollBar with options size=s staticColor=white platform=other", - "spectrum-scrollbar-s-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-s-white-name": "ScrollBar (mac-s-white)", - "spectrum-scrollbar-mac-s-white-description": "ScrollBar with options size=s staticColor=white platform=mac", - "spectrum-scrollbar-mac-s-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-s-white-name": "ScrollBar (windows-s-white)", - "spectrum-scrollbar-windows-s-white-description": "ScrollBar with options size=s staticColor=white platform=windows", - "spectrum-scrollbar-windows-s-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-s-white-name": "ScrollBar (android-s-white)", - "spectrum-scrollbar-android-s-white-description": "ScrollBar with options size=s staticColor=white platform=android", - "spectrum-scrollbar-android-s-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-m-name": "ScrollBar (m)", - "spectrum-scrollbar-m-description": "ScrollBar with options size=m staticColor=none platform=other", - "spectrum-scrollbar-m-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-m-name": "ScrollBar (mac-m)", - "spectrum-scrollbar-mac-m-description": "ScrollBar with options size=m staticColor=none platform=mac", - "spectrum-scrollbar-mac-m-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-m-name": "ScrollBar (windows-m)", - "spectrum-scrollbar-windows-m-description": "ScrollBar with options size=m staticColor=none platform=windows", - "spectrum-scrollbar-windows-m-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-m-name": "ScrollBar (android-m)", - "spectrum-scrollbar-android-m-description": "ScrollBar with options size=m staticColor=none platform=android", - "spectrum-scrollbar-android-m-version": "1.0.0-beta.0", - "spectrum-scrollbar-m-white-name": "ScrollBar (m-white)", - "spectrum-scrollbar-m-white-description": "ScrollBar with options size=m staticColor=white platform=other", - "spectrum-scrollbar-m-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-m-white-name": "ScrollBar (mac-m-white)", - "spectrum-scrollbar-mac-m-white-description": "ScrollBar with options size=m staticColor=white platform=mac", - "spectrum-scrollbar-mac-m-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-m-white-name": "ScrollBar (windows-m-white)", - "spectrum-scrollbar-windows-m-white-description": "ScrollBar with options size=m staticColor=white platform=windows", - "spectrum-scrollbar-windows-m-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-m-white-name": "ScrollBar (android-m-white)", - "spectrum-scrollbar-android-m-white-description": "ScrollBar with options size=m staticColor=white platform=android", - "spectrum-scrollbar-android-m-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-l-name": "ScrollBar (l)", - "spectrum-scrollbar-l-description": "ScrollBar with options size=l staticColor=none platform=other", - "spectrum-scrollbar-l-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-l-name": "ScrollBar (mac-l)", - "spectrum-scrollbar-mac-l-description": "ScrollBar with options size=l staticColor=none platform=mac", - "spectrum-scrollbar-mac-l-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-l-name": "ScrollBar (windows-l)", - "spectrum-scrollbar-windows-l-description": "ScrollBar with options size=l staticColor=none platform=windows", - "spectrum-scrollbar-windows-l-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-l-name": "ScrollBar (android-l)", - "spectrum-scrollbar-android-l-description": "ScrollBar with options size=l staticColor=none platform=android", - "spectrum-scrollbar-android-l-version": "1.0.0-beta.0", - "spectrum-scrollbar-l-white-name": "ScrollBar (l-white)", - "spectrum-scrollbar-l-white-description": "ScrollBar with options size=l staticColor=white platform=other", - "spectrum-scrollbar-l-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-mac-l-white-name": "ScrollBar (mac-l-white)", - "spectrum-scrollbar-mac-l-white-description": "ScrollBar with options size=l staticColor=white platform=mac", - "spectrum-scrollbar-mac-l-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-windows-l-white-name": "ScrollBar (windows-l-white)", - "spectrum-scrollbar-windows-l-white-description": "ScrollBar with options size=l staticColor=white platform=windows", - "spectrum-scrollbar-windows-l-white-version": "1.0.0-beta.0", - "spectrum-scrollbar-android-l-white-name": "ScrollBar (android-l-white)", - "spectrum-scrollbar-android-l-white-description": "ScrollBar with options size=l staticColor=white platform=android", - "spectrum-scrollbar-android-l-white-version": "1.0.0-beta.0", - "spectrum-search-s-quiet-name": "Search (s-quiet)", - "spectrum-search-s-quiet-description": "Search with options size=s quiet=true", - "spectrum-search-s-quiet-status": "Contribution", - "spectrum-search-s-quiet-version": "1.0.0-beta.0", - "spectrum-search-s-name": "Search (s)", - "spectrum-search-s-description": "Search with options size=s quiet=false", - "spectrum-search-s-status": "Contribution", - "spectrum-search-s-version": "1.0.0-beta.0", - "spectrum-search-m-quiet-name": "Search (m-quiet)", - "spectrum-search-m-quiet-description": "Search with options size=m quiet=true", - "spectrum-search-m-quiet-status": "Contribution", - "spectrum-search-m-quiet-version": "1.0.0-beta.0", - "spectrum-search-m-name": "Search (m)", - "spectrum-search-m-description": "Search with options size=m quiet=false", - "spectrum-search-m-status": "Contribution", - "spectrum-search-m-version": "1.0.0-beta.0", - "spectrum-search-l-quiet-name": "Search (l-quiet)", - "spectrum-search-l-quiet-description": "Search with options size=l quiet=true", - "spectrum-search-l-quiet-status": "Contribution", - "spectrum-search-l-quiet-version": "1.0.0-beta.0", - "spectrum-search-l-name": "Search (l)", - "spectrum-search-l-description": "Search with options size=l quiet=false", - "spectrum-search-l-status": "Contribution", - "spectrum-search-l-version": "1.0.0-beta.0", - "spectrum-search-xl-quiet-name": "Search (xl-quiet)", - "spectrum-search-xl-quiet-description": "Search with options size=xl quiet=true", - "spectrum-search-xl-quiet-status": "Contribution", - "spectrum-search-xl-quiet-version": "1.0.0-beta.0", - "spectrum-search-xl-name": "Search (xl)", - "spectrum-search-xl-description": "Search with options size=xl quiet=false", - "spectrum-search-xl-status": "Contribution", - "spectrum-search-xl-version": "1.0.0-beta.0", - "spectrum-searchwithin-s-quiet-name": "SearchWithin (s-quiet)", - "spectrum-searchwithin-s-quiet-description": "SearchWithin with options size=s quiet=true", - "spectrum-searchwithin-s-quiet-status": "Contribution", - "spectrum-searchwithin-s-quiet-version": "1.0.0-beta.0", - "spectrum-searchwithin-s-name": "SearchWithin (s)", - "spectrum-searchwithin-s-description": "SearchWithin with options size=s quiet=false", - "spectrum-searchwithin-s-status": "Contribution", - "spectrum-searchwithin-s-version": "1.0.0-beta.0", - "spectrum-searchwithin-m-quiet-name": "SearchWithin (m-quiet)", - "spectrum-searchwithin-m-quiet-description": "SearchWithin with options size=m quiet=true", - "spectrum-searchwithin-m-quiet-status": "Contribution", - "spectrum-searchwithin-m-quiet-version": "1.0.0-beta.0", - "spectrum-searchwithin-m-name": "SearchWithin (m)", - "spectrum-searchwithin-m-description": "SearchWithin with options size=m quiet=false", - "spectrum-searchwithin-m-status": "Contribution", - "spectrum-searchwithin-m-version": "1.0.0-beta.0", - "spectrum-searchwithin-l-quiet-name": "SearchWithin (l-quiet)", - "spectrum-searchwithin-l-quiet-description": "SearchWithin with options size=l quiet=true", - "spectrum-searchwithin-l-quiet-status": "Contribution", - "spectrum-searchwithin-l-quiet-version": "1.0.0-beta.0", - "spectrum-searchwithin-l-name": "SearchWithin (l)", - "spectrum-searchwithin-l-description": "SearchWithin with options size=l quiet=false", - "spectrum-searchwithin-l-status": "Contribution", - "spectrum-searchwithin-l-version": "1.0.0-beta.0", - "spectrum-searchwithin-xl-quiet-name": "SearchWithin (xl-quiet)", - "spectrum-searchwithin-xl-quiet-description": "SearchWithin with options size=xl quiet=true", - "spectrum-searchwithin-xl-quiet-status": "Contribution", - "spectrum-searchwithin-xl-quiet-version": "1.0.0-beta.0", - "spectrum-searchwithin-xl-name": "SearchWithin (xl)", - "spectrum-searchwithin-xl-description": "SearchWithin with options size=xl quiet=false", - "spectrum-searchwithin-xl-status": "Contribution", - "spectrum-searchwithin-xl-version": "1.0.0-beta.0", - "spectrum-sidenav-multilevel-name": "SideNav (multilevel)", - "spectrum-sidenav-multilevel-description": "SideNav with options multilevel=true", - "spectrum-sidenav-multilevel-version": "1.0.0-beta.0", - "spectrum-sidenav-name": "SideNav (default)", - "spectrum-sidenav-description": "SideNav with options multilevel=false", - "spectrum-sidenav-version": "1.0.0-beta.0", - "spectrum-slider-s-tick-editable-name": "Slider (s-tick-editable)", - "spectrum-slider-s-tick-editable-description": "Slider with options size=s tick=true editable=true variant=default", - "spectrum-slider-s-tick-editable-status": "Verified", - "spectrum-slider-s-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-ramp-tick-editable-name": "Slider (s-ramp-tick-editable)", - "spectrum-slider-s-ramp-tick-editable-description": "Slider with options size=s tick=true editable=true variant=ramp", - "spectrum-slider-s-ramp-tick-editable-status": "Verified", - "spectrum-slider-s-ramp-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-range-tick-editable-name": "Slider (s-range-tick-editable)", - "spectrum-slider-s-range-tick-editable-description": "Slider with options size=s tick=true editable=true variant=range", - "spectrum-slider-s-range-tick-editable-status": "Verified", - "spectrum-slider-s-range-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-tick-name": "Slider (s-tick)", - "spectrum-slider-s-tick-description": "Slider with options size=s tick=true editable=false variant=default", - "spectrum-slider-s-tick-status": "Verified", - "spectrum-slider-s-tick-version": "1.0.0-beta.0", - "spectrum-slider-s-ramp-tick-name": "Slider (s-ramp-tick)", - "spectrum-slider-s-ramp-tick-description": "Slider with options size=s tick=true editable=false variant=ramp", - "spectrum-slider-s-ramp-tick-status": "Verified", - "spectrum-slider-s-ramp-tick-version": "1.0.0-beta.0", - "spectrum-slider-s-range-tick-name": "Slider (s-range-tick)", - "spectrum-slider-s-range-tick-description": "Slider with options size=s tick=true editable=false variant=range", - "spectrum-slider-s-range-tick-status": "Verified", - "spectrum-slider-s-range-tick-version": "1.0.0-beta.0", - "spectrum-slider-s-editable-name": "Slider (s-editable)", - "spectrum-slider-s-editable-description": "Slider with options size=s tick=false editable=true variant=default", - "spectrum-slider-s-editable-status": "Verified", - "spectrum-slider-s-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-ramp-editable-name": "Slider (s-ramp-editable)", - "spectrum-slider-s-ramp-editable-description": "Slider with options size=s tick=false editable=true variant=ramp", - "spectrum-slider-s-ramp-editable-status": "Verified", - "spectrum-slider-s-ramp-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-range-editable-name": "Slider (s-range-editable)", - "spectrum-slider-s-range-editable-description": "Slider with options size=s tick=false editable=true variant=range", - "spectrum-slider-s-range-editable-status": "Verified", - "spectrum-slider-s-range-editable-version": "1.0.0-beta.0", - "spectrum-slider-s-name": "Slider (s)", - "spectrum-slider-s-description": "Slider with options size=s tick=false editable=false variant=default", - "spectrum-slider-s-status": "Verified", - "spectrum-slider-s-version": "1.0.0-beta.0", - "spectrum-slider-s-ramp-name": "Slider (s-ramp)", - "spectrum-slider-s-ramp-description": "Slider with options size=s tick=false editable=false variant=ramp", - "spectrum-slider-s-ramp-status": "Verified", - "spectrum-slider-s-ramp-version": "1.0.0-beta.0", - "spectrum-slider-s-range-name": "Slider (s-range)", - "spectrum-slider-s-range-description": "Slider with options size=s tick=false editable=false variant=range", - "spectrum-slider-s-range-status": "Verified", - "spectrum-slider-s-range-version": "1.0.0-beta.0", - "spectrum-slider-m-tick-editable-name": "Slider (m-tick-editable)", - "spectrum-slider-m-tick-editable-description": "Slider with options size=m tick=true editable=true variant=default", - "spectrum-slider-m-tick-editable-status": "Verified", - "spectrum-slider-m-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-ramp-tick-editable-name": "Slider (m-ramp-tick-editable)", - "spectrum-slider-m-ramp-tick-editable-description": "Slider with options size=m tick=true editable=true variant=ramp", - "spectrum-slider-m-ramp-tick-editable-status": "Verified", - "spectrum-slider-m-ramp-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-range-tick-editable-name": "Slider (m-range-tick-editable)", - "spectrum-slider-m-range-tick-editable-description": "Slider with options size=m tick=true editable=true variant=range", - "spectrum-slider-m-range-tick-editable-status": "Verified", - "spectrum-slider-m-range-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-tick-name": "Slider (m-tick)", - "spectrum-slider-m-tick-description": "Slider with options size=m tick=true editable=false variant=default", - "spectrum-slider-m-tick-status": "Verified", - "spectrum-slider-m-tick-version": "1.0.0-beta.0", - "spectrum-slider-m-ramp-tick-name": "Slider (m-ramp-tick)", - "spectrum-slider-m-ramp-tick-description": "Slider with options size=m tick=true editable=false variant=ramp", - "spectrum-slider-m-ramp-tick-status": "Verified", - "spectrum-slider-m-ramp-tick-version": "1.0.0-beta.0", - "spectrum-slider-m-range-tick-name": "Slider (m-range-tick)", - "spectrum-slider-m-range-tick-description": "Slider with options size=m tick=true editable=false variant=range", - "spectrum-slider-m-range-tick-status": "Verified", - "spectrum-slider-m-range-tick-version": "1.0.0-beta.0", - "spectrum-slider-m-editable-name": "Slider (m-editable)", - "spectrum-slider-m-editable-description": "Slider with options size=m tick=false editable=true variant=default", - "spectrum-slider-m-editable-status": "Verified", - "spectrum-slider-m-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-ramp-editable-name": "Slider (m-ramp-editable)", - "spectrum-slider-m-ramp-editable-description": "Slider with options size=m tick=false editable=true variant=ramp", - "spectrum-slider-m-ramp-editable-status": "Verified", - "spectrum-slider-m-ramp-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-range-editable-name": "Slider (m-range-editable)", - "spectrum-slider-m-range-editable-description": "Slider with options size=m tick=false editable=true variant=range", - "spectrum-slider-m-range-editable-status": "Verified", - "spectrum-slider-m-range-editable-version": "1.0.0-beta.0", - "spectrum-slider-m-name": "Slider (m)", - "spectrum-slider-m-description": "Slider with options size=m tick=false editable=false variant=default", - "spectrum-slider-m-status": "Verified", - "spectrum-slider-m-version": "1.0.0-beta.0", - "spectrum-slider-m-ramp-name": "Slider (m-ramp)", - "spectrum-slider-m-ramp-description": "Slider with options size=m tick=false editable=false variant=ramp", - "spectrum-slider-m-ramp-status": "Verified", - "spectrum-slider-m-ramp-version": "1.0.0-beta.0", - "spectrum-slider-m-range-name": "Slider (m-range)", - "spectrum-slider-m-range-description": "Slider with options size=m tick=false editable=false variant=range", - "spectrum-slider-m-range-status": "Verified", - "spectrum-slider-m-range-version": "1.0.0-beta.0", - "spectrum-slider-l-tick-editable-name": "Slider (l-tick-editable)", - "spectrum-slider-l-tick-editable-description": "Slider with options size=l tick=true editable=true variant=default", - "spectrum-slider-l-tick-editable-status": "Verified", - "spectrum-slider-l-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-ramp-tick-editable-name": "Slider (l-ramp-tick-editable)", - "spectrum-slider-l-ramp-tick-editable-description": "Slider with options size=l tick=true editable=true variant=ramp", - "spectrum-slider-l-ramp-tick-editable-status": "Verified", - "spectrum-slider-l-ramp-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-range-tick-editable-name": "Slider (l-range-tick-editable)", - "spectrum-slider-l-range-tick-editable-description": "Slider with options size=l tick=true editable=true variant=range", - "spectrum-slider-l-range-tick-editable-status": "Verified", - "spectrum-slider-l-range-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-tick-name": "Slider (l-tick)", - "spectrum-slider-l-tick-description": "Slider with options size=l tick=true editable=false variant=default", - "spectrum-slider-l-tick-status": "Verified", - "spectrum-slider-l-tick-version": "1.0.0-beta.0", - "spectrum-slider-l-ramp-tick-name": "Slider (l-ramp-tick)", - "spectrum-slider-l-ramp-tick-description": "Slider with options size=l tick=true editable=false variant=ramp", - "spectrum-slider-l-ramp-tick-status": "Verified", - "spectrum-slider-l-ramp-tick-version": "1.0.0-beta.0", - "spectrum-slider-l-range-tick-name": "Slider (l-range-tick)", - "spectrum-slider-l-range-tick-description": "Slider with options size=l tick=true editable=false variant=range", - "spectrum-slider-l-range-tick-status": "Verified", - "spectrum-slider-l-range-tick-version": "1.0.0-beta.0", - "spectrum-slider-l-editable-name": "Slider (l-editable)", - "spectrum-slider-l-editable-description": "Slider with options size=l tick=false editable=true variant=default", - "spectrum-slider-l-editable-status": "Verified", - "spectrum-slider-l-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-ramp-editable-name": "Slider (l-ramp-editable)", - "spectrum-slider-l-ramp-editable-description": "Slider with options size=l tick=false editable=true variant=ramp", - "spectrum-slider-l-ramp-editable-status": "Verified", - "spectrum-slider-l-ramp-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-range-editable-name": "Slider (l-range-editable)", - "spectrum-slider-l-range-editable-description": "Slider with options size=l tick=false editable=true variant=range", - "spectrum-slider-l-range-editable-status": "Verified", - "spectrum-slider-l-range-editable-version": "1.0.0-beta.0", - "spectrum-slider-l-name": "Slider (l)", - "spectrum-slider-l-description": "Slider with options size=l tick=false editable=false variant=default", - "spectrum-slider-l-status": "Verified", - "spectrum-slider-l-version": "1.0.0-beta.0", - "spectrum-slider-l-ramp-name": "Slider (l-ramp)", - "spectrum-slider-l-ramp-description": "Slider with options size=l tick=false editable=false variant=ramp", - "spectrum-slider-l-ramp-status": "Verified", - "spectrum-slider-l-ramp-version": "1.0.0-beta.0", - "spectrum-slider-l-range-name": "Slider (l-range)", - "spectrum-slider-l-range-description": "Slider with options size=l tick=false editable=false variant=range", - "spectrum-slider-l-range-status": "Verified", - "spectrum-slider-l-range-version": "1.0.0-beta.0", - "spectrum-slider-xl-tick-editable-name": "Slider (xl-tick-editable)", - "spectrum-slider-xl-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=default", - "spectrum-slider-xl-tick-editable-status": "Verified", - "spectrum-slider-xl-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-ramp-tick-editable-name": "Slider (xl-ramp-tick-editable)", - "spectrum-slider-xl-ramp-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=ramp", - "spectrum-slider-xl-ramp-tick-editable-status": "Verified", - "spectrum-slider-xl-ramp-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-range-tick-editable-name": "Slider (xl-range-tick-editable)", - "spectrum-slider-xl-range-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=range", - "spectrum-slider-xl-range-tick-editable-status": "Verified", - "spectrum-slider-xl-range-tick-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-tick-name": "Slider (xl-tick)", - "spectrum-slider-xl-tick-description": "Slider with options size=xl tick=true editable=false variant=default", - "spectrum-slider-xl-tick-status": "Verified", - "spectrum-slider-xl-tick-version": "1.0.0-beta.0", - "spectrum-slider-xl-ramp-tick-name": "Slider (xl-ramp-tick)", - "spectrum-slider-xl-ramp-tick-description": "Slider with options size=xl tick=true editable=false variant=ramp", - "spectrum-slider-xl-ramp-tick-status": "Verified", - "spectrum-slider-xl-ramp-tick-version": "1.0.0-beta.0", - "spectrum-slider-xl-range-tick-name": "Slider (xl-range-tick)", - "spectrum-slider-xl-range-tick-description": "Slider with options size=xl tick=true editable=false variant=range", - "spectrum-slider-xl-range-tick-status": "Verified", - "spectrum-slider-xl-range-tick-version": "1.0.0-beta.0", - "spectrum-slider-xl-editable-name": "Slider (xl-editable)", - "spectrum-slider-xl-editable-description": "Slider with options size=xl tick=false editable=true variant=default", - "spectrum-slider-xl-editable-status": "Verified", - "spectrum-slider-xl-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-ramp-editable-name": "Slider (xl-ramp-editable)", - "spectrum-slider-xl-ramp-editable-description": "Slider with options size=xl tick=false editable=true variant=ramp", - "spectrum-slider-xl-ramp-editable-status": "Verified", - "spectrum-slider-xl-ramp-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-range-editable-name": "Slider (xl-range-editable)", - "spectrum-slider-xl-range-editable-description": "Slider with options size=xl tick=false editable=true variant=range", - "spectrum-slider-xl-range-editable-status": "Verified", - "spectrum-slider-xl-range-editable-version": "1.0.0-beta.0", - "spectrum-slider-xl-name": "Slider (xl)", - "spectrum-slider-xl-description": "Slider with options size=xl tick=false editable=false variant=default", - "spectrum-slider-xl-status": "Verified", - "spectrum-slider-xl-version": "1.0.0-beta.0", - "spectrum-slider-xl-ramp-name": "Slider (xl-ramp)", - "spectrum-slider-xl-ramp-description": "Slider with options size=xl tick=false editable=false variant=ramp", - "spectrum-slider-xl-ramp-status": "Verified", - "spectrum-slider-xl-ramp-version": "1.0.0-beta.0", - "spectrum-slider-xl-range-name": "Slider (xl-range)", - "spectrum-slider-xl-range-description": "Slider with options size=xl tick=false editable=false variant=range", - "spectrum-slider-xl-range-status": "Verified", - "spectrum-slider-xl-range-version": "1.0.0-beta.0", - "spectrum-splitbutton-name": "SplitButton (default)", - "spectrum-splitbutton-description": "SplitButton with no options", - "spectrum-splitbutton-version": "1.0.0-beta.0", - "spectrum-statuslight-s-celery-name": "StatusLight (s-celery)", - "spectrum-statuslight-s-celery-description": "StatusLight with options size=s variant=celery", - "spectrum-statuslight-s-celery-version": "1.0.0-beta.0", - "spectrum-statuslight-s-chartreuse-name": "StatusLight (s-chartreuse)", - "spectrum-statuslight-s-chartreuse-description": "StatusLight with options size=s variant=chartreuse", - "spectrum-statuslight-s-chartreuse-version": "1.0.0-beta.0", - "spectrum-statuslight-s-fuchsia-name": "StatusLight (s-fuchsia)", - "spectrum-statuslight-s-fuchsia-description": "StatusLight with options size=s variant=fuchsia", - "spectrum-statuslight-s-fuchsia-version": "1.0.0-beta.0", - "spectrum-statuslight-s-indigo-name": "StatusLight (s-indigo)", - "spectrum-statuslight-s-indigo-description": "StatusLight with options size=s variant=indigo", - "spectrum-statuslight-s-indigo-version": "1.0.0-beta.0", - "spectrum-statuslight-s-info-name": "StatusLight (s-info)", - "spectrum-statuslight-s-info-description": "StatusLight with options size=s variant=info", - "spectrum-statuslight-s-info-version": "1.0.0-beta.0", - "spectrum-statuslight-s-magenta-name": "StatusLight (s-magenta)", - "spectrum-statuslight-s-magenta-description": "StatusLight with options size=s variant=magenta", - "spectrum-statuslight-s-magenta-version": "1.0.0-beta.0", - "spectrum-statuslight-s-neutral-name": "StatusLight (s-neutral)", - "spectrum-statuslight-s-neutral-description": "StatusLight with options size=s variant=neutral", - "spectrum-statuslight-s-neutral-version": "1.0.0-beta.0", - "spectrum-statuslight-s-negative-name": "StatusLight (s-negative)", - "spectrum-statuslight-s-negative-description": "StatusLight with options size=s variant=negative", - "spectrum-statuslight-s-negative-version": "1.0.0-beta.0", - "spectrum-statuslight-s-notice-name": "StatusLight (s-notice)", - "spectrum-statuslight-s-notice-description": "StatusLight with options size=s variant=notice", - "spectrum-statuslight-s-notice-version": "1.0.0-beta.0", - "spectrum-statuslight-s-positive-name": "StatusLight (s-positive)", - "spectrum-statuslight-s-positive-description": "StatusLight with options size=s variant=positive", - "spectrum-statuslight-s-positive-version": "1.0.0-beta.0", - "spectrum-statuslight-s-purple-name": "StatusLight (s-purple)", - "spectrum-statuslight-s-purple-description": "StatusLight with options size=s variant=purple", - "spectrum-statuslight-s-purple-version": "1.0.0-beta.0", - "spectrum-statuslight-s-seafoam-name": "StatusLight (s-seafoam)", - "spectrum-statuslight-s-seafoam-description": "StatusLight with options size=s variant=seafoam", - "spectrum-statuslight-s-seafoam-version": "1.0.0-beta.0", - "spectrum-statuslight-s-yellow-name": "StatusLight (s-yellow)", - "spectrum-statuslight-s-yellow-description": "StatusLight with options size=s variant=yellow", - "spectrum-statuslight-s-yellow-version": "1.0.0-beta.0", - "spectrum-statuslight-m-celery-name": "StatusLight (m-celery)", - "spectrum-statuslight-m-celery-description": "StatusLight with options size=m variant=celery", - "spectrum-statuslight-m-celery-version": "1.0.0-beta.0", - "spectrum-statuslight-m-chartreuse-name": "StatusLight (m-chartreuse)", - "spectrum-statuslight-m-chartreuse-description": "StatusLight with options size=m variant=chartreuse", - "spectrum-statuslight-m-chartreuse-version": "1.0.0-beta.0", - "spectrum-statuslight-m-fuchsia-name": "StatusLight (m-fuchsia)", - "spectrum-statuslight-m-fuchsia-description": "StatusLight with options size=m variant=fuchsia", - "spectrum-statuslight-m-fuchsia-version": "1.0.0-beta.0", - "spectrum-statuslight-m-indigo-name": "StatusLight (m-indigo)", - "spectrum-statuslight-m-indigo-description": "StatusLight with options size=m variant=indigo", - "spectrum-statuslight-m-indigo-version": "1.0.0-beta.0", - "spectrum-statuslight-m-info-name": "StatusLight (m-info)", - "spectrum-statuslight-m-info-description": "StatusLight with options size=m variant=info", - "spectrum-statuslight-m-info-version": "1.0.0-beta.0", - "spectrum-statuslight-m-magenta-name": "StatusLight (m-magenta)", - "spectrum-statuslight-m-magenta-description": "StatusLight with options size=m variant=magenta", - "spectrum-statuslight-m-magenta-version": "1.0.0-beta.0", - "spectrum-statuslight-m-neutral-name": "StatusLight (m-neutral)", - "spectrum-statuslight-m-neutral-description": "StatusLight with options size=m variant=neutral", - "spectrum-statuslight-m-neutral-version": "1.0.0-beta.0", - "spectrum-statuslight-m-negative-name": "StatusLight (m-negative)", - "spectrum-statuslight-m-negative-description": "StatusLight with options size=m variant=negative", - "spectrum-statuslight-m-negative-version": "1.0.0-beta.0", - "spectrum-statuslight-m-notice-name": "StatusLight (m-notice)", - "spectrum-statuslight-m-notice-description": "StatusLight with options size=m variant=notice", - "spectrum-statuslight-m-notice-version": "1.0.0-beta.0", - "spectrum-statuslight-m-positive-name": "StatusLight (m-positive)", - "spectrum-statuslight-m-positive-description": "StatusLight with options size=m variant=positive", - "spectrum-statuslight-m-positive-version": "1.0.0-beta.0", - "spectrum-statuslight-m-purple-name": "StatusLight (m-purple)", - "spectrum-statuslight-m-purple-description": "StatusLight with options size=m variant=purple", - "spectrum-statuslight-m-purple-version": "1.0.0-beta.0", - "spectrum-statuslight-m-seafoam-name": "StatusLight (m-seafoam)", - "spectrum-statuslight-m-seafoam-description": "StatusLight with options size=m variant=seafoam", - "spectrum-statuslight-m-seafoam-version": "1.0.0-beta.0", - "spectrum-statuslight-m-yellow-name": "StatusLight (m-yellow)", - "spectrum-statuslight-m-yellow-description": "StatusLight with options size=m variant=yellow", - "spectrum-statuslight-m-yellow-version": "1.0.0-beta.0", - "spectrum-statuslight-l-celery-name": "StatusLight (l-celery)", - "spectrum-statuslight-l-celery-description": "StatusLight with options size=l variant=celery", - "spectrum-statuslight-l-celery-version": "1.0.0-beta.0", - "spectrum-statuslight-l-chartreuse-name": "StatusLight (l-chartreuse)", - "spectrum-statuslight-l-chartreuse-description": "StatusLight with options size=l variant=chartreuse", - "spectrum-statuslight-l-chartreuse-version": "1.0.0-beta.0", - "spectrum-statuslight-l-fuchsia-name": "StatusLight (l-fuchsia)", - "spectrum-statuslight-l-fuchsia-description": "StatusLight with options size=l variant=fuchsia", - "spectrum-statuslight-l-fuchsia-version": "1.0.0-beta.0", - "spectrum-statuslight-l-indigo-name": "StatusLight (l-indigo)", - "spectrum-statuslight-l-indigo-description": "StatusLight with options size=l variant=indigo", - "spectrum-statuslight-l-indigo-version": "1.0.0-beta.0", - "spectrum-statuslight-l-info-name": "StatusLight (l-info)", - "spectrum-statuslight-l-info-description": "StatusLight with options size=l variant=info", - "spectrum-statuslight-l-info-version": "1.0.0-beta.0", - "spectrum-statuslight-l-magenta-name": "StatusLight (l-magenta)", - "spectrum-statuslight-l-magenta-description": "StatusLight with options size=l variant=magenta", - "spectrum-statuslight-l-magenta-version": "1.0.0-beta.0", - "spectrum-statuslight-l-neutral-name": "StatusLight (l-neutral)", - "spectrum-statuslight-l-neutral-description": "StatusLight with options size=l variant=neutral", - "spectrum-statuslight-l-neutral-version": "1.0.0-beta.0", - "spectrum-statuslight-l-negative-name": "StatusLight (l-negative)", - "spectrum-statuslight-l-negative-description": "StatusLight with options size=l variant=negative", - "spectrum-statuslight-l-negative-version": "1.0.0-beta.0", - "spectrum-statuslight-l-notice-name": "StatusLight (l-notice)", - "spectrum-statuslight-l-notice-description": "StatusLight with options size=l variant=notice", - "spectrum-statuslight-l-notice-version": "1.0.0-beta.0", - "spectrum-statuslight-l-positive-name": "StatusLight (l-positive)", - "spectrum-statuslight-l-positive-description": "StatusLight with options size=l variant=positive", - "spectrum-statuslight-l-positive-version": "1.0.0-beta.0", - "spectrum-statuslight-l-purple-name": "StatusLight (l-purple)", - "spectrum-statuslight-l-purple-description": "StatusLight with options size=l variant=purple", - "spectrum-statuslight-l-purple-version": "1.0.0-beta.0", - "spectrum-statuslight-l-seafoam-name": "StatusLight (l-seafoam)", - "spectrum-statuslight-l-seafoam-description": "StatusLight with options size=l variant=seafoam", - "spectrum-statuslight-l-seafoam-version": "1.0.0-beta.0", - "spectrum-statuslight-l-yellow-name": "StatusLight (l-yellow)", - "spectrum-statuslight-l-yellow-description": "StatusLight with options size=l variant=yellow", - "spectrum-statuslight-l-yellow-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-celery-name": "StatusLight (xl-celery)", - "spectrum-statuslight-xl-celery-description": "StatusLight with options size=xl variant=celery", - "spectrum-statuslight-xl-celery-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-chartreuse-name": "StatusLight (xl-chartreuse)", - "spectrum-statuslight-xl-chartreuse-description": "StatusLight with options size=xl variant=chartreuse", - "spectrum-statuslight-xl-chartreuse-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-fuchsia-name": "StatusLight (xl-fuchsia)", - "spectrum-statuslight-xl-fuchsia-description": "StatusLight with options size=xl variant=fuchsia", - "spectrum-statuslight-xl-fuchsia-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-indigo-name": "StatusLight (xl-indigo)", - "spectrum-statuslight-xl-indigo-description": "StatusLight with options size=xl variant=indigo", - "spectrum-statuslight-xl-indigo-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-info-name": "StatusLight (xl-info)", - "spectrum-statuslight-xl-info-description": "StatusLight with options size=xl variant=info", - "spectrum-statuslight-xl-info-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-magenta-name": "StatusLight (xl-magenta)", - "spectrum-statuslight-xl-magenta-description": "StatusLight with options size=xl variant=magenta", - "spectrum-statuslight-xl-magenta-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-neutral-name": "StatusLight (xl-neutral)", - "spectrum-statuslight-xl-neutral-description": "StatusLight with options size=xl variant=neutral", - "spectrum-statuslight-xl-neutral-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-negative-name": "StatusLight (xl-negative)", - "spectrum-statuslight-xl-negative-description": "StatusLight with options size=xl variant=negative", - "spectrum-statuslight-xl-negative-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-notice-name": "StatusLight (xl-notice)", - "spectrum-statuslight-xl-notice-description": "StatusLight with options size=xl variant=notice", - "spectrum-statuslight-xl-notice-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-positive-name": "StatusLight (xl-positive)", - "spectrum-statuslight-xl-positive-description": "StatusLight with options size=xl variant=positive", - "spectrum-statuslight-xl-positive-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-purple-name": "StatusLight (xl-purple)", - "spectrum-statuslight-xl-purple-description": "StatusLight with options size=xl variant=purple", - "spectrum-statuslight-xl-purple-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-seafoam-name": "StatusLight (xl-seafoam)", - "spectrum-statuslight-xl-seafoam-description": "StatusLight with options size=xl variant=seafoam", - "spectrum-statuslight-xl-seafoam-version": "1.0.0-beta.0", - "spectrum-statuslight-xl-yellow-name": "StatusLight (xl-yellow)", - "spectrum-statuslight-xl-yellow-description": "StatusLight with options size=xl variant=yellow", - "spectrum-statuslight-xl-yellow-version": "1.0.0-beta.0", - "spectrum-steplist-incomplete-name": "StepList (incomplete)", - "spectrum-steplist-incomplete-description": "StepList with options variant=incomplete", - "spectrum-steplist-incomplete-version": "1.0.0-beta.0", - "spectrum-steplist-complete-name": "StepList (complete)", - "spectrum-steplist-complete-description": "StepList with options variant=complete", - "spectrum-steplist-complete-version": "1.0.0-beta.0", - "spectrum-steplist-current-name": "StepList (current)", - "spectrum-steplist-current-description": "StepList with options variant=current", - "spectrum-steplist-current-version": "1.0.0-beta.0", - "spectrum-stepperbutton-s-left-name": "StepperButton (s-left)", - "spectrum-stepperbutton-s-left-description": "StepperButton with options size=s loudness=low position=left", - "spectrum-stepperbutton-s-left-version": "1.0.0-beta.0", - "spectrum-stepperbutton-s-right-name": "StepperButton (s-right)", - "spectrum-stepperbutton-s-right-description": "StepperButton with options size=s loudness=low position=right", - "spectrum-stepperbutton-s-right-version": "1.0.0-beta.0", - "spectrum-stepperbutton-s-none-name": "StepperButton (s-none)", - "spectrum-stepperbutton-s-none-description": "StepperButton with options size=s loudness=low position=none", - "spectrum-stepperbutton-s-none-version": "1.0.0-beta.0", - "spectrum-stepperbutton-m-left-name": "StepperButton (m-left)", - "spectrum-stepperbutton-m-left-description": "StepperButton with options size=m loudness=low position=left", - "spectrum-stepperbutton-m-left-version": "1.0.0-beta.0", - "spectrum-stepperbutton-m-right-name": "StepperButton (m-right)", - "spectrum-stepperbutton-m-right-description": "StepperButton with options size=m loudness=low position=right", - "spectrum-stepperbutton-m-right-version": "1.0.0-beta.0", - "spectrum-stepperbutton-m-none-name": "StepperButton (m-none)", - "spectrum-stepperbutton-m-none-description": "StepperButton with options size=m loudness=low position=none", - "spectrum-stepperbutton-m-none-version": "1.0.0-beta.0", - "spectrum-stepperbutton-l-left-name": "StepperButton (l-left)", - "spectrum-stepperbutton-l-left-description": "StepperButton with options size=l loudness=low position=left", - "spectrum-stepperbutton-l-left-version": "1.0.0-beta.0", - "spectrum-stepperbutton-l-right-name": "StepperButton (l-right)", - "spectrum-stepperbutton-l-right-description": "StepperButton with options size=l loudness=low position=right", - "spectrum-stepperbutton-l-right-version": "1.0.0-beta.0", - "spectrum-stepperbutton-l-none-name": "StepperButton (l-none)", - "spectrum-stepperbutton-l-none-description": "StepperButton with options size=l loudness=low position=none", - "spectrum-stepperbutton-l-none-version": "1.0.0-beta.0", - "spectrum-stepperbutton-xl-left-name": "StepperButton (xl-left)", - "spectrum-stepperbutton-xl-left-description": "StepperButton with options size=xl loudness=low position=left", - "spectrum-stepperbutton-xl-left-version": "1.0.0-beta.0", - "spectrum-stepperbutton-xl-right-name": "StepperButton (xl-right)", - "spectrum-stepperbutton-xl-right-description": "StepperButton with options size=xl loudness=low position=right", - "spectrum-stepperbutton-xl-right-version": "1.0.0-beta.0", - "spectrum-stepperbutton-xl-none-name": "StepperButton (xl-none)", - "spectrum-stepperbutton-xl-none-description": "StepperButton with options size=xl loudness=low position=none", - "spectrum-stepperbutton-xl-none-version": "1.0.0-beta.0", - "spectrum-switch-s-emphasized-name": "Switch (s-emphasized)", - "spectrum-switch-s-emphasized-description": "Switch with options size=s emphasized=true", - "spectrum-switch-s-emphasized-version": "1.0.0-beta.0", - "spectrum-switch-s-name": "Switch (s)", - "spectrum-switch-s-description": "Switch with options size=s emphasized=false", - "spectrum-switch-s-version": "1.0.0-beta.0", - "spectrum-switch-m-emphasized-name": "Switch (m-emphasized)", - "spectrum-switch-m-emphasized-description": "Switch with options size=m emphasized=true", - "spectrum-switch-m-emphasized-version": "1.0.0-beta.0", - "spectrum-switch-m-name": "Switch (m)", - "spectrum-switch-m-description": "Switch with options size=m emphasized=false", - "spectrum-switch-m-version": "1.0.0-beta.0", - "spectrum-switch-l-emphasized-name": "Switch (l-emphasized)", - "spectrum-switch-l-emphasized-description": "Switch with options size=l emphasized=true", - "spectrum-switch-l-emphasized-version": "1.0.0-beta.0", - "spectrum-switch-l-name": "Switch (l)", - "spectrum-switch-l-description": "Switch with options size=l emphasized=false", - "spectrum-switch-l-version": "1.0.0-beta.0", - "spectrum-switch-xl-emphasized-name": "Switch (xl-emphasized)", - "spectrum-switch-xl-emphasized-description": "Switch with options size=xl emphasized=true", - "spectrum-switch-xl-emphasized-version": "1.0.0-beta.0", - "spectrum-switch-xl-name": "Switch (xl)", - "spectrum-switch-xl-description": "Switch with options size=xl emphasized=false", - "spectrum-switch-xl-version": "1.0.0-beta.0", - "spectrum-tabbar-primary-name": "TabBar (primary)", - "spectrum-tabbar-primary-description": "TabBar with options variant=primary position=top", - "spectrum-tabbar-primary-version": "1.0.0-beta.0", - "spectrum-tabbar-sidelabel-primary-name": "TabBar (sidelabel-primary)", - "spectrum-tabbar-sidelabel-primary-description": "TabBar with options variant=primary position=sidelabel", - "spectrum-tabbar-sidelabel-primary-version": "1.0.0-beta.0", - "spectrum-tabbar-secondary-name": "TabBar (secondary)", - "spectrum-tabbar-secondary-description": "TabBar with options variant=secondary position=top", - "spectrum-tabbar-secondary-version": "1.0.0-beta.0", - "spectrum-tabbar-sidelabel-secondary-name": "TabBar (sidelabel-secondary)", - "spectrum-tabbar-sidelabel-secondary-description": "TabBar with options variant=secondary position=sidelabel", - "spectrum-tabbar-sidelabel-secondary-version": "1.0.0-beta.0", - "spectrum-table-s-compact-quiet-name": "Table (s-compact-quiet)", - "spectrum-table-s-compact-quiet-description": "Table with options size=s density=compact quiet=true", - "spectrum-table-s-compact-quiet-version": "1.0.0-beta.0", - "spectrum-table-s-compact-name": "Table (s-compact)", - "spectrum-table-s-compact-description": "Table with options size=s density=compact quiet=false", - "spectrum-table-s-compact-version": "1.0.0-beta.0", - "spectrum-table-s-regular-quiet-name": "Table (s-regular-quiet)", - "spectrum-table-s-regular-quiet-description": "Table with options size=s density=regular quiet=true", - "spectrum-table-s-regular-quiet-version": "1.0.0-beta.0", - "spectrum-table-s-regular-name": "Table (s-regular)", - "spectrum-table-s-regular-description": "Table with options size=s density=regular quiet=false", - "spectrum-table-s-regular-version": "1.0.0-beta.0", - "spectrum-table-s-spacious-quiet-name": "Table (s-spacious-quiet)", - "spectrum-table-s-spacious-quiet-description": "Table with options size=s density=spacious quiet=true", - "spectrum-table-s-spacious-quiet-version": "1.0.0-beta.0", - "spectrum-table-s-spacious-name": "Table (s-spacious)", - "spectrum-table-s-spacious-description": "Table with options size=s density=spacious quiet=false", - "spectrum-table-s-spacious-version": "1.0.0-beta.0", - "spectrum-table-m-compact-quiet-name": "Table (m-compact-quiet)", - "spectrum-table-m-compact-quiet-description": "Table with options size=m density=compact quiet=true", - "spectrum-table-m-compact-quiet-version": "1.0.0-beta.0", - "spectrum-table-m-compact-name": "Table (m-compact)", - "spectrum-table-m-compact-description": "Table with options size=m density=compact quiet=false", - "spectrum-table-m-compact-version": "1.0.0-beta.0", - "spectrum-table-m-regular-quiet-name": "Table (m-regular-quiet)", - "spectrum-table-m-regular-quiet-description": "Table with options size=m density=regular quiet=true", - "spectrum-table-m-regular-quiet-version": "1.0.0-beta.0", - "spectrum-table-m-regular-name": "Table (m-regular)", - "spectrum-table-m-regular-description": "Table with options size=m density=regular quiet=false", - "spectrum-table-m-regular-version": "1.0.0-beta.0", - "spectrum-table-m-spacious-quiet-name": "Table (m-spacious-quiet)", - "spectrum-table-m-spacious-quiet-description": "Table with options size=m density=spacious quiet=true", - "spectrum-table-m-spacious-quiet-version": "1.0.0-beta.0", - "spectrum-table-m-spacious-name": "Table (m-spacious)", - "spectrum-table-m-spacious-description": "Table with options size=m density=spacious quiet=false", - "spectrum-table-m-spacious-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-name": "Tabs (s-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-name": "Tabs (s-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-texticon-name": "Tabs (s-quiet-emphasized-texticon)", - "spectrum-tabs-s-quiet-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-textonly-name": "Tabs (s-quiet-emphasized-textonly)", - "spectrum-tabs-s-quiet-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-fluid-texticon-name": "Tabs (s-quiet-fluid-texticon)", - "spectrum-tabs-s-quiet-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-fluid-textonly-name": "Tabs (s-quiet-fluid-textonly)", - "spectrum-tabs-s-quiet-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-texticon-name": "Tabs (s-quiet-texticon)", - "spectrum-tabs-s-quiet-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-quiet-texticon-status": "Verified", - "spectrum-tabs-s-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-textonly-name": "Tabs (s-quiet-textonly)", - "spectrum-tabs-s-quiet-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-quiet-textonly-status": "Verified", - "spectrum-tabs-s-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-fluid-texticon-name": "Tabs (s-emphasized-fluid-texticon)", - "spectrum-tabs-s-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-fluid-textonly-name": "Tabs (s-emphasized-fluid-textonly)", - "spectrum-tabs-s-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-texticon-name": "Tabs (s-emphasized-texticon)", - "spectrum-tabs-s-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-textonly-name": "Tabs (s-emphasized-textonly)", - "spectrum-tabs-s-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-fluid-texticon-name": "Tabs (s-fluid-texticon)", - "spectrum-tabs-s-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-fluid-texticon-status": "Verified", - "spectrum-tabs-s-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-fluid-textonly-name": "Tabs (s-fluid-textonly)", - "spectrum-tabs-s-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-fluid-textonly-status": "Verified", - "spectrum-tabs-s-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-texticon-name": "Tabs (s-texticon)", - "spectrum-tabs-s-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-texticon-status": "Verified", - "spectrum-tabs-s-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-textonly-name": "Tabs (s-textonly)", - "spectrum-tabs-s-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-textonly-status": "Verified", - "spectrum-tabs-s-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-center-texticon-name": "Tabs (s-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-emphasized-center-textonly-name": "Tabs (s-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-fluid-center-texticon-name": "Tabs (s-quiet-fluid-center-texticon)", - "spectrum-tabs-s-quiet-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-fluid-center-textonly-name": "Tabs (s-quiet-fluid-center-textonly)", - "spectrum-tabs-s-quiet-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-center-texticon-name": "Tabs (s-quiet-center-texticon)", - "spectrum-tabs-s-quiet-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-quiet-center-textonly-name": "Tabs (s-quiet-center-textonly)", - "spectrum-tabs-s-quiet-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-fluid-center-texticon-name": "Tabs (s-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-fluid-center-textonly-name": "Tabs (s-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-center-texticon-name": "Tabs (s-emphasized-center-texticon)", - "spectrum-tabs-s-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-emphasized-center-textonly-name": "Tabs (s-emphasized-center-textonly)", - "spectrum-tabs-s-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-fluid-center-texticon-name": "Tabs (s-fluid-center-texticon)", - "spectrum-tabs-s-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-fluid-center-textonly-name": "Tabs (s-fluid-center-textonly)", - "spectrum-tabs-s-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-center-texticon-name": "Tabs (s-center-texticon)", - "spectrum-tabs-s-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-center-texticon-status": "Verified", - "spectrum-tabs-s-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-center-textonly-name": "Tabs (s-center-textonly)", - "spectrum-tabs-s-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-center-textonly-status": "Verified", - "spectrum-tabs-s-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (s-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (s-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-name": "Tabs (s-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-name": "Tabs (s-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-name": "Tabs (s-vertical-quiet-fluid-texticon)", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-name": "Tabs (s-vertical-quiet-fluid-textonly)", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-texticon-name": "Tabs (s-vertical-quiet-texticon)", - "spectrum-tabs-s-vertical-quiet-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-textonly-name": "Tabs (s-vertical-quiet-textonly)", - "spectrum-tabs-s-vertical-quiet-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-name": "Tabs (s-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-name": "Tabs (s-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-texticon-name": "Tabs (s-vertical-emphasized-texticon)", - "spectrum-tabs-s-vertical-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-textonly-name": "Tabs (s-vertical-emphasized-textonly)", - "spectrum-tabs-s-vertical-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-fluid-texticon-name": "Tabs (s-vertical-fluid-texticon)", - "spectrum-tabs-s-vertical-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-fluid-textonly-name": "Tabs (s-vertical-fluid-textonly)", - "spectrum-tabs-s-vertical-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-texticon-name": "Tabs (s-vertical-texticon)", - "spectrum-tabs-s-vertical-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-texticon-status": "Verified", - "spectrum-tabs-s-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-textonly-name": "Tabs (s-vertical-textonly)", - "spectrum-tabs-s-vertical-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-textonly-status": "Verified", - "spectrum-tabs-s-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-name": "Tabs (s-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-name": "Tabs (s-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-name": "Tabs (s-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-name": "Tabs (s-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-center-texticon-name": "Tabs (s-vertical-quiet-center-texticon)", - "spectrum-tabs-s-vertical-quiet-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-quiet-center-textonly-name": "Tabs (s-vertical-quiet-center-textonly)", - "spectrum-tabs-s-vertical-quiet-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-name": "Tabs (s-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-name": "Tabs (s-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-center-texticon-name": "Tabs (s-vertical-emphasized-center-texticon)", - "spectrum-tabs-s-vertical-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-emphasized-center-textonly-name": "Tabs (s-vertical-emphasized-center-textonly)", - "spectrum-tabs-s-vertical-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-fluid-center-texticon-name": "Tabs (s-vertical-fluid-center-texticon)", - "spectrum-tabs-s-vertical-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-fluid-center-textonly-name": "Tabs (s-vertical-fluid-center-textonly)", - "spectrum-tabs-s-vertical-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-center-texticon-name": "Tabs (s-vertical-center-texticon)", - "spectrum-tabs-s-vertical-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-vertical-center-textonly-name": "Tabs (s-vertical-center-textonly)", - "spectrum-tabs-s-vertical-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-name": "Tabs (s-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-name": "Tabs (s-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-name": "Tabs (s-compact-quiet-emphasized-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-name": "Tabs (s-compact-quiet-emphasized-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-fluid-texticon-name": "Tabs (s-compact-quiet-fluid-texticon)", - "spectrum-tabs-s-compact-quiet-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-fluid-textonly-name": "Tabs (s-compact-quiet-fluid-textonly)", - "spectrum-tabs-s-compact-quiet-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-texticon-name": "Tabs (s-compact-quiet-texticon)", - "spectrum-tabs-s-compact-quiet-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-textonly-name": "Tabs (s-compact-quiet-textonly)", - "spectrum-tabs-s-compact-quiet-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-name": "Tabs (s-compact-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-name": "Tabs (s-compact-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-texticon-name": "Tabs (s-compact-emphasized-texticon)", - "spectrum-tabs-s-compact-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-textonly-name": "Tabs (s-compact-emphasized-textonly)", - "spectrum-tabs-s-compact-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-fluid-texticon-name": "Tabs (s-compact-fluid-texticon)", - "spectrum-tabs-s-compact-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-fluid-textonly-name": "Tabs (s-compact-fluid-textonly)", - "spectrum-tabs-s-compact-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-texticon-name": "Tabs (s-compact-texticon)", - "spectrum-tabs-s-compact-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-texticon-status": "Verified", - "spectrum-tabs-s-compact-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-textonly-name": "Tabs (s-compact-textonly)", - "spectrum-tabs-s-compact-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-textonly-status": "Verified", - "spectrum-tabs-s-compact-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-name": "Tabs (s-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-name": "Tabs (s-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-name": "Tabs (s-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-name": "Tabs (s-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-center-texticon-name": "Tabs (s-compact-quiet-center-texticon)", - "spectrum-tabs-s-compact-quiet-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-quiet-center-textonly-name": "Tabs (s-compact-quiet-center-textonly)", - "spectrum-tabs-s-compact-quiet-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-name": "Tabs (s-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-name": "Tabs (s-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-center-texticon-name": "Tabs (s-compact-emphasized-center-texticon)", - "spectrum-tabs-s-compact-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-emphasized-center-textonly-name": "Tabs (s-compact-emphasized-center-textonly)", - "spectrum-tabs-s-compact-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-fluid-center-texticon-name": "Tabs (s-compact-fluid-center-texticon)", - "spectrum-tabs-s-compact-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-fluid-center-textonly-name": "Tabs (s-compact-fluid-center-textonly)", - "spectrum-tabs-s-compact-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-center-texticon-name": "Tabs (s-compact-center-texticon)", - "spectrum-tabs-s-compact-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-center-textonly-name": "Tabs (s-compact-center-textonly)", - "spectrum-tabs-s-compact-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-name": "Tabs (s-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-name": "Tabs (s-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-texticon-name": "Tabs (s-compact-vertical-quiet-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-textonly-name": "Tabs (s-compact-vertical-quiet-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-name": "Tabs (s-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-name": "Tabs (s-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-name": "Tabs (s-compact-vertical-emphasized-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-name": "Tabs (s-compact-vertical-emphasized-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-fluid-texticon-name": "Tabs (s-compact-vertical-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-fluid-textonly-name": "Tabs (s-compact-vertical-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-texticon-name": "Tabs (s-compact-vertical-texticon)", - "spectrum-tabs-s-compact-vertical-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-textonly-name": "Tabs (s-compact-vertical-textonly)", - "spectrum-tabs-s-compact-vertical-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (s-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (s-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-name": "Tabs (s-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-name": "Tabs (s-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (s-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (s-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-name": "Tabs (s-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-name": "Tabs (s-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-name": "Tabs (s-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-name": "Tabs (s-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-center-texticon-name": "Tabs (s-compact-vertical-center-texticon)", - "spectrum-tabs-s-compact-vertical-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-s-compact-vertical-center-textonly-name": "Tabs (s-compact-vertical-center-textonly)", - "spectrum-tabs-s-compact-vertical-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-name": "Tabs (m-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-name": "Tabs (m-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-texticon-name": "Tabs (m-quiet-emphasized-texticon)", - "spectrum-tabs-m-quiet-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-textonly-name": "Tabs (m-quiet-emphasized-textonly)", - "spectrum-tabs-m-quiet-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-fluid-texticon-name": "Tabs (m-quiet-fluid-texticon)", - "spectrum-tabs-m-quiet-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-fluid-textonly-name": "Tabs (m-quiet-fluid-textonly)", - "spectrum-tabs-m-quiet-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-texticon-name": "Tabs (m-quiet-texticon)", - "spectrum-tabs-m-quiet-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-quiet-texticon-status": "Verified", - "spectrum-tabs-m-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-textonly-name": "Tabs (m-quiet-textonly)", - "spectrum-tabs-m-quiet-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-quiet-textonly-status": "Verified", - "spectrum-tabs-m-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-fluid-texticon-name": "Tabs (m-emphasized-fluid-texticon)", - "spectrum-tabs-m-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-fluid-textonly-name": "Tabs (m-emphasized-fluid-textonly)", - "spectrum-tabs-m-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-texticon-name": "Tabs (m-emphasized-texticon)", - "spectrum-tabs-m-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-textonly-name": "Tabs (m-emphasized-textonly)", - "spectrum-tabs-m-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-fluid-texticon-name": "Tabs (m-fluid-texticon)", - "spectrum-tabs-m-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-fluid-texticon-status": "Verified", - "spectrum-tabs-m-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-fluid-textonly-name": "Tabs (m-fluid-textonly)", - "spectrum-tabs-m-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-fluid-textonly-status": "Verified", - "spectrum-tabs-m-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-texticon-name": "Tabs (m-texticon)", - "spectrum-tabs-m-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-texticon-status": "Verified", - "spectrum-tabs-m-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-textonly-name": "Tabs (m-textonly)", - "spectrum-tabs-m-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-textonly-status": "Verified", - "spectrum-tabs-m-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-center-texticon-name": "Tabs (m-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-emphasized-center-textonly-name": "Tabs (m-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-fluid-center-texticon-name": "Tabs (m-quiet-fluid-center-texticon)", - "spectrum-tabs-m-quiet-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-fluid-center-textonly-name": "Tabs (m-quiet-fluid-center-textonly)", - "spectrum-tabs-m-quiet-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-center-texticon-name": "Tabs (m-quiet-center-texticon)", - "spectrum-tabs-m-quiet-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-quiet-center-textonly-name": "Tabs (m-quiet-center-textonly)", - "spectrum-tabs-m-quiet-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-fluid-center-texticon-name": "Tabs (m-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-fluid-center-textonly-name": "Tabs (m-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-center-texticon-name": "Tabs (m-emphasized-center-texticon)", - "spectrum-tabs-m-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-emphasized-center-textonly-name": "Tabs (m-emphasized-center-textonly)", - "spectrum-tabs-m-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-fluid-center-texticon-name": "Tabs (m-fluid-center-texticon)", - "spectrum-tabs-m-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-fluid-center-textonly-name": "Tabs (m-fluid-center-textonly)", - "spectrum-tabs-m-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-center-texticon-name": "Tabs (m-center-texticon)", - "spectrum-tabs-m-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-center-texticon-status": "Verified", - "spectrum-tabs-m-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-center-textonly-name": "Tabs (m-center-textonly)", - "spectrum-tabs-m-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-center-textonly-status": "Verified", - "spectrum-tabs-m-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (m-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (m-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-name": "Tabs (m-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-name": "Tabs (m-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-name": "Tabs (m-vertical-quiet-fluid-texticon)", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-name": "Tabs (m-vertical-quiet-fluid-textonly)", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-texticon-name": "Tabs (m-vertical-quiet-texticon)", - "spectrum-tabs-m-vertical-quiet-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-textonly-name": "Tabs (m-vertical-quiet-textonly)", - "spectrum-tabs-m-vertical-quiet-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-name": "Tabs (m-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-name": "Tabs (m-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-texticon-name": "Tabs (m-vertical-emphasized-texticon)", - "spectrum-tabs-m-vertical-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-textonly-name": "Tabs (m-vertical-emphasized-textonly)", - "spectrum-tabs-m-vertical-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-fluid-texticon-name": "Tabs (m-vertical-fluid-texticon)", - "spectrum-tabs-m-vertical-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-fluid-textonly-name": "Tabs (m-vertical-fluid-textonly)", - "spectrum-tabs-m-vertical-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-texticon-name": "Tabs (m-vertical-texticon)", - "spectrum-tabs-m-vertical-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-texticon-status": "Verified", - "spectrum-tabs-m-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-textonly-name": "Tabs (m-vertical-textonly)", - "spectrum-tabs-m-vertical-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-textonly-status": "Verified", - "spectrum-tabs-m-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-name": "Tabs (m-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-name": "Tabs (m-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-name": "Tabs (m-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-name": "Tabs (m-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-center-texticon-name": "Tabs (m-vertical-quiet-center-texticon)", - "spectrum-tabs-m-vertical-quiet-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-quiet-center-textonly-name": "Tabs (m-vertical-quiet-center-textonly)", - "spectrum-tabs-m-vertical-quiet-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-name": "Tabs (m-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-name": "Tabs (m-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-center-texticon-name": "Tabs (m-vertical-emphasized-center-texticon)", - "spectrum-tabs-m-vertical-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-emphasized-center-textonly-name": "Tabs (m-vertical-emphasized-center-textonly)", - "spectrum-tabs-m-vertical-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-fluid-center-texticon-name": "Tabs (m-vertical-fluid-center-texticon)", - "spectrum-tabs-m-vertical-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-fluid-center-textonly-name": "Tabs (m-vertical-fluid-center-textonly)", - "spectrum-tabs-m-vertical-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-center-texticon-name": "Tabs (m-vertical-center-texticon)", - "spectrum-tabs-m-vertical-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-vertical-center-textonly-name": "Tabs (m-vertical-center-textonly)", - "spectrum-tabs-m-vertical-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-name": "Tabs (m-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-name": "Tabs (m-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-name": "Tabs (m-compact-quiet-emphasized-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-name": "Tabs (m-compact-quiet-emphasized-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-fluid-texticon-name": "Tabs (m-compact-quiet-fluid-texticon)", - "spectrum-tabs-m-compact-quiet-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-fluid-textonly-name": "Tabs (m-compact-quiet-fluid-textonly)", - "spectrum-tabs-m-compact-quiet-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-texticon-name": "Tabs (m-compact-quiet-texticon)", - "spectrum-tabs-m-compact-quiet-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-textonly-name": "Tabs (m-compact-quiet-textonly)", - "spectrum-tabs-m-compact-quiet-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-name": "Tabs (m-compact-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-name": "Tabs (m-compact-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-texticon-name": "Tabs (m-compact-emphasized-texticon)", - "spectrum-tabs-m-compact-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-textonly-name": "Tabs (m-compact-emphasized-textonly)", - "spectrum-tabs-m-compact-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-fluid-texticon-name": "Tabs (m-compact-fluid-texticon)", - "spectrum-tabs-m-compact-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-fluid-textonly-name": "Tabs (m-compact-fluid-textonly)", - "spectrum-tabs-m-compact-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-texticon-name": "Tabs (m-compact-texticon)", - "spectrum-tabs-m-compact-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-texticon-status": "Verified", - "spectrum-tabs-m-compact-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-textonly-name": "Tabs (m-compact-textonly)", - "spectrum-tabs-m-compact-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-textonly-status": "Verified", - "spectrum-tabs-m-compact-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-name": "Tabs (m-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-name": "Tabs (m-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-name": "Tabs (m-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-name": "Tabs (m-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-center-texticon-name": "Tabs (m-compact-quiet-center-texticon)", - "spectrum-tabs-m-compact-quiet-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-quiet-center-textonly-name": "Tabs (m-compact-quiet-center-textonly)", - "spectrum-tabs-m-compact-quiet-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-name": "Tabs (m-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-name": "Tabs (m-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-center-texticon-name": "Tabs (m-compact-emphasized-center-texticon)", - "spectrum-tabs-m-compact-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-emphasized-center-textonly-name": "Tabs (m-compact-emphasized-center-textonly)", - "spectrum-tabs-m-compact-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-fluid-center-texticon-name": "Tabs (m-compact-fluid-center-texticon)", - "spectrum-tabs-m-compact-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-fluid-center-textonly-name": "Tabs (m-compact-fluid-center-textonly)", - "spectrum-tabs-m-compact-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-center-texticon-name": "Tabs (m-compact-center-texticon)", - "spectrum-tabs-m-compact-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-center-textonly-name": "Tabs (m-compact-center-textonly)", - "spectrum-tabs-m-compact-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-name": "Tabs (m-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-name": "Tabs (m-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-texticon-name": "Tabs (m-compact-vertical-quiet-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-textonly-name": "Tabs (m-compact-vertical-quiet-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-name": "Tabs (m-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-name": "Tabs (m-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-name": "Tabs (m-compact-vertical-emphasized-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-name": "Tabs (m-compact-vertical-emphasized-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-fluid-texticon-name": "Tabs (m-compact-vertical-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-fluid-textonly-name": "Tabs (m-compact-vertical-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-texticon-name": "Tabs (m-compact-vertical-texticon)", - "spectrum-tabs-m-compact-vertical-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-textonly-name": "Tabs (m-compact-vertical-textonly)", - "spectrum-tabs-m-compact-vertical-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (m-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (m-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-name": "Tabs (m-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-name": "Tabs (m-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (m-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (m-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-name": "Tabs (m-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-name": "Tabs (m-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-name": "Tabs (m-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-name": "Tabs (m-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-center-texticon-name": "Tabs (m-compact-vertical-center-texticon)", - "spectrum-tabs-m-compact-vertical-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-m-compact-vertical-center-textonly-name": "Tabs (m-compact-vertical-center-textonly)", - "spectrum-tabs-m-compact-vertical-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-name": "Tabs (l-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-name": "Tabs (l-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-texticon-name": "Tabs (l-quiet-emphasized-texticon)", - "spectrum-tabs-l-quiet-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-textonly-name": "Tabs (l-quiet-emphasized-textonly)", - "spectrum-tabs-l-quiet-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-fluid-texticon-name": "Tabs (l-quiet-fluid-texticon)", - "spectrum-tabs-l-quiet-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-fluid-textonly-name": "Tabs (l-quiet-fluid-textonly)", - "spectrum-tabs-l-quiet-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-texticon-name": "Tabs (l-quiet-texticon)", - "spectrum-tabs-l-quiet-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-quiet-texticon-status": "Verified", - "spectrum-tabs-l-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-textonly-name": "Tabs (l-quiet-textonly)", - "spectrum-tabs-l-quiet-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-quiet-textonly-status": "Verified", - "spectrum-tabs-l-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-fluid-texticon-name": "Tabs (l-emphasized-fluid-texticon)", - "spectrum-tabs-l-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-fluid-textonly-name": "Tabs (l-emphasized-fluid-textonly)", - "spectrum-tabs-l-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-texticon-name": "Tabs (l-emphasized-texticon)", - "spectrum-tabs-l-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-textonly-name": "Tabs (l-emphasized-textonly)", - "spectrum-tabs-l-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-fluid-texticon-name": "Tabs (l-fluid-texticon)", - "spectrum-tabs-l-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-fluid-texticon-status": "Verified", - "spectrum-tabs-l-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-fluid-textonly-name": "Tabs (l-fluid-textonly)", - "spectrum-tabs-l-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-fluid-textonly-status": "Verified", - "spectrum-tabs-l-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-texticon-name": "Tabs (l-texticon)", - "spectrum-tabs-l-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-texticon-status": "Verified", - "spectrum-tabs-l-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-textonly-name": "Tabs (l-textonly)", - "spectrum-tabs-l-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-textonly-status": "Verified", - "spectrum-tabs-l-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-center-texticon-name": "Tabs (l-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-emphasized-center-textonly-name": "Tabs (l-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-fluid-center-texticon-name": "Tabs (l-quiet-fluid-center-texticon)", - "spectrum-tabs-l-quiet-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-fluid-center-textonly-name": "Tabs (l-quiet-fluid-center-textonly)", - "spectrum-tabs-l-quiet-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-center-texticon-name": "Tabs (l-quiet-center-texticon)", - "spectrum-tabs-l-quiet-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-quiet-center-textonly-name": "Tabs (l-quiet-center-textonly)", - "spectrum-tabs-l-quiet-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-fluid-center-texticon-name": "Tabs (l-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-fluid-center-textonly-name": "Tabs (l-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-center-texticon-name": "Tabs (l-emphasized-center-texticon)", - "spectrum-tabs-l-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-emphasized-center-textonly-name": "Tabs (l-emphasized-center-textonly)", - "spectrum-tabs-l-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-fluid-center-texticon-name": "Tabs (l-fluid-center-texticon)", - "spectrum-tabs-l-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-fluid-center-textonly-name": "Tabs (l-fluid-center-textonly)", - "spectrum-tabs-l-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-center-texticon-name": "Tabs (l-center-texticon)", - "spectrum-tabs-l-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-center-texticon-status": "Verified", - "spectrum-tabs-l-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-center-textonly-name": "Tabs (l-center-textonly)", - "spectrum-tabs-l-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-center-textonly-status": "Verified", - "spectrum-tabs-l-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (l-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (l-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-name": "Tabs (l-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-name": "Tabs (l-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-name": "Tabs (l-vertical-quiet-fluid-texticon)", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-name": "Tabs (l-vertical-quiet-fluid-textonly)", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-texticon-name": "Tabs (l-vertical-quiet-texticon)", - "spectrum-tabs-l-vertical-quiet-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-textonly-name": "Tabs (l-vertical-quiet-textonly)", - "spectrum-tabs-l-vertical-quiet-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-name": "Tabs (l-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-name": "Tabs (l-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-texticon-name": "Tabs (l-vertical-emphasized-texticon)", - "spectrum-tabs-l-vertical-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-textonly-name": "Tabs (l-vertical-emphasized-textonly)", - "spectrum-tabs-l-vertical-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-fluid-texticon-name": "Tabs (l-vertical-fluid-texticon)", - "spectrum-tabs-l-vertical-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-fluid-textonly-name": "Tabs (l-vertical-fluid-textonly)", - "spectrum-tabs-l-vertical-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-texticon-name": "Tabs (l-vertical-texticon)", - "spectrum-tabs-l-vertical-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-texticon-status": "Verified", - "spectrum-tabs-l-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-textonly-name": "Tabs (l-vertical-textonly)", - "spectrum-tabs-l-vertical-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-textonly-status": "Verified", - "spectrum-tabs-l-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-name": "Tabs (l-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-name": "Tabs (l-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-name": "Tabs (l-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-name": "Tabs (l-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-center-texticon-name": "Tabs (l-vertical-quiet-center-texticon)", - "spectrum-tabs-l-vertical-quiet-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-quiet-center-textonly-name": "Tabs (l-vertical-quiet-center-textonly)", - "spectrum-tabs-l-vertical-quiet-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-name": "Tabs (l-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-name": "Tabs (l-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-center-texticon-name": "Tabs (l-vertical-emphasized-center-texticon)", - "spectrum-tabs-l-vertical-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-emphasized-center-textonly-name": "Tabs (l-vertical-emphasized-center-textonly)", - "spectrum-tabs-l-vertical-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-fluid-center-texticon-name": "Tabs (l-vertical-fluid-center-texticon)", - "spectrum-tabs-l-vertical-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-fluid-center-textonly-name": "Tabs (l-vertical-fluid-center-textonly)", - "spectrum-tabs-l-vertical-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-center-texticon-name": "Tabs (l-vertical-center-texticon)", - "spectrum-tabs-l-vertical-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-vertical-center-textonly-name": "Tabs (l-vertical-center-textonly)", - "spectrum-tabs-l-vertical-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-name": "Tabs (l-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-name": "Tabs (l-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-name": "Tabs (l-compact-quiet-emphasized-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-name": "Tabs (l-compact-quiet-emphasized-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-fluid-texticon-name": "Tabs (l-compact-quiet-fluid-texticon)", - "spectrum-tabs-l-compact-quiet-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-fluid-textonly-name": "Tabs (l-compact-quiet-fluid-textonly)", - "spectrum-tabs-l-compact-quiet-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-texticon-name": "Tabs (l-compact-quiet-texticon)", - "spectrum-tabs-l-compact-quiet-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-textonly-name": "Tabs (l-compact-quiet-textonly)", - "spectrum-tabs-l-compact-quiet-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-name": "Tabs (l-compact-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-name": "Tabs (l-compact-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-texticon-name": "Tabs (l-compact-emphasized-texticon)", - "spectrum-tabs-l-compact-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-textonly-name": "Tabs (l-compact-emphasized-textonly)", - "spectrum-tabs-l-compact-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-fluid-texticon-name": "Tabs (l-compact-fluid-texticon)", - "spectrum-tabs-l-compact-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-fluid-textonly-name": "Tabs (l-compact-fluid-textonly)", - "spectrum-tabs-l-compact-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-texticon-name": "Tabs (l-compact-texticon)", - "spectrum-tabs-l-compact-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-texticon-status": "Verified", - "spectrum-tabs-l-compact-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-textonly-name": "Tabs (l-compact-textonly)", - "spectrum-tabs-l-compact-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-textonly-status": "Verified", - "spectrum-tabs-l-compact-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-name": "Tabs (l-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-name": "Tabs (l-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-name": "Tabs (l-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-name": "Tabs (l-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-center-texticon-name": "Tabs (l-compact-quiet-center-texticon)", - "spectrum-tabs-l-compact-quiet-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-quiet-center-textonly-name": "Tabs (l-compact-quiet-center-textonly)", - "spectrum-tabs-l-compact-quiet-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-name": "Tabs (l-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-name": "Tabs (l-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-center-texticon-name": "Tabs (l-compact-emphasized-center-texticon)", - "spectrum-tabs-l-compact-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-emphasized-center-textonly-name": "Tabs (l-compact-emphasized-center-textonly)", - "spectrum-tabs-l-compact-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-fluid-center-texticon-name": "Tabs (l-compact-fluid-center-texticon)", - "spectrum-tabs-l-compact-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-fluid-center-textonly-name": "Tabs (l-compact-fluid-center-textonly)", - "spectrum-tabs-l-compact-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-center-texticon-name": "Tabs (l-compact-center-texticon)", - "spectrum-tabs-l-compact-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-center-textonly-name": "Tabs (l-compact-center-textonly)", - "spectrum-tabs-l-compact-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-name": "Tabs (l-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-name": "Tabs (l-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-texticon-name": "Tabs (l-compact-vertical-quiet-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-textonly-name": "Tabs (l-compact-vertical-quiet-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-name": "Tabs (l-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-name": "Tabs (l-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-name": "Tabs (l-compact-vertical-emphasized-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-name": "Tabs (l-compact-vertical-emphasized-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-fluid-texticon-name": "Tabs (l-compact-vertical-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-fluid-textonly-name": "Tabs (l-compact-vertical-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-texticon-name": "Tabs (l-compact-vertical-texticon)", - "spectrum-tabs-l-compact-vertical-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-textonly-name": "Tabs (l-compact-vertical-textonly)", - "spectrum-tabs-l-compact-vertical-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (l-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (l-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-name": "Tabs (l-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-name": "Tabs (l-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (l-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (l-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-name": "Tabs (l-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-name": "Tabs (l-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-name": "Tabs (l-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-name": "Tabs (l-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-center-texticon-name": "Tabs (l-compact-vertical-center-texticon)", - "spectrum-tabs-l-compact-vertical-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-l-compact-vertical-center-textonly-name": "Tabs (l-compact-vertical-center-textonly)", - "spectrum-tabs-l-compact-vertical-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-name": "Tabs (xl-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-name": "Tabs (xl-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-texticon-name": "Tabs (xl-quiet-emphasized-texticon)", - "spectrum-tabs-xl-quiet-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-textonly-name": "Tabs (xl-quiet-emphasized-textonly)", - "spectrum-tabs-xl-quiet-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-fluid-texticon-name": "Tabs (xl-quiet-fluid-texticon)", - "spectrum-tabs-xl-quiet-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-fluid-textonly-name": "Tabs (xl-quiet-fluid-textonly)", - "spectrum-tabs-xl-quiet-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-texticon-name": "Tabs (xl-quiet-texticon)", - "spectrum-tabs-xl-quiet-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-textonly-name": "Tabs (xl-quiet-textonly)", - "spectrum-tabs-xl-quiet-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-fluid-texticon-name": "Tabs (xl-emphasized-fluid-texticon)", - "spectrum-tabs-xl-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-fluid-textonly-name": "Tabs (xl-emphasized-fluid-textonly)", - "spectrum-tabs-xl-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-texticon-name": "Tabs (xl-emphasized-texticon)", - "spectrum-tabs-xl-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-textonly-name": "Tabs (xl-emphasized-textonly)", - "spectrum-tabs-xl-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-fluid-texticon-name": "Tabs (xl-fluid-texticon)", - "spectrum-tabs-xl-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-fluid-textonly-name": "Tabs (xl-fluid-textonly)", - "spectrum-tabs-xl-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-texticon-name": "Tabs (xl-texticon)", - "spectrum-tabs-xl-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-texticon-status": "Verified", - "spectrum-tabs-xl-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-textonly-name": "Tabs (xl-textonly)", - "spectrum-tabs-xl-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-textonly-status": "Verified", - "spectrum-tabs-xl-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-name": "Tabs (xl-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-name": "Tabs (xl-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-fluid-center-texticon-name": "Tabs (xl-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-fluid-center-textonly-name": "Tabs (xl-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-center-texticon-name": "Tabs (xl-quiet-center-texticon)", - "spectrum-tabs-xl-quiet-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-quiet-center-textonly-name": "Tabs (xl-quiet-center-textonly)", - "spectrum-tabs-xl-quiet-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-name": "Tabs (xl-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-name": "Tabs (xl-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-center-texticon-name": "Tabs (xl-emphasized-center-texticon)", - "spectrum-tabs-xl-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-emphasized-center-textonly-name": "Tabs (xl-emphasized-center-textonly)", - "spectrum-tabs-xl-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-fluid-center-texticon-name": "Tabs (xl-fluid-center-texticon)", - "spectrum-tabs-xl-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-fluid-center-textonly-name": "Tabs (xl-fluid-center-textonly)", - "spectrum-tabs-xl-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-center-texticon-name": "Tabs (xl-center-texticon)", - "spectrum-tabs-xl-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-center-texticon-status": "Verified", - "spectrum-tabs-xl-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-center-textonly-name": "Tabs (xl-center-textonly)", - "spectrum-tabs-xl-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-center-textonly-status": "Verified", - "spectrum-tabs-xl-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (xl-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (xl-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-name": "Tabs (xl-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-name": "Tabs (xl-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-name": "Tabs (xl-vertical-quiet-fluid-texticon)", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-name": "Tabs (xl-vertical-quiet-fluid-textonly)", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-texticon-name": "Tabs (xl-vertical-quiet-texticon)", - "spectrum-tabs-xl-vertical-quiet-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-textonly-name": "Tabs (xl-vertical-quiet-textonly)", - "spectrum-tabs-xl-vertical-quiet-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-name": "Tabs (xl-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-name": "Tabs (xl-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-texticon-name": "Tabs (xl-vertical-emphasized-texticon)", - "spectrum-tabs-xl-vertical-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-textonly-name": "Tabs (xl-vertical-emphasized-textonly)", - "spectrum-tabs-xl-vertical-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-fluid-texticon-name": "Tabs (xl-vertical-fluid-texticon)", - "spectrum-tabs-xl-vertical-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-fluid-textonly-name": "Tabs (xl-vertical-fluid-textonly)", - "spectrum-tabs-xl-vertical-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-texticon-name": "Tabs (xl-vertical-texticon)", - "spectrum-tabs-xl-vertical-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-textonly-name": "Tabs (xl-vertical-textonly)", - "spectrum-tabs-xl-vertical-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-name": "Tabs (xl-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-name": "Tabs (xl-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-name": "Tabs (xl-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-name": "Tabs (xl-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-center-texticon-name": "Tabs (xl-vertical-quiet-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-quiet-center-textonly-name": "Tabs (xl-vertical-quiet-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-name": "Tabs (xl-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-name": "Tabs (xl-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-name": "Tabs (xl-vertical-emphasized-center-texticon)", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-name": "Tabs (xl-vertical-emphasized-center-textonly)", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-fluid-center-texticon-name": "Tabs (xl-vertical-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-fluid-center-textonly-name": "Tabs (xl-vertical-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-center-texticon-name": "Tabs (xl-vertical-center-texticon)", - "spectrum-tabs-xl-vertical-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-vertical-center-textonly-name": "Tabs (xl-vertical-center-textonly)", - "spectrum-tabs-xl-vertical-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-name": "Tabs (xl-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-name": "Tabs (xl-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-name": "Tabs (xl-compact-quiet-emphasized-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-name": "Tabs (xl-compact-quiet-emphasized-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-name": "Tabs (xl-compact-quiet-fluid-texticon)", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-name": "Tabs (xl-compact-quiet-fluid-textonly)", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-texticon-name": "Tabs (xl-compact-quiet-texticon)", - "spectrum-tabs-xl-compact-quiet-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-textonly-name": "Tabs (xl-compact-quiet-textonly)", - "spectrum-tabs-xl-compact-quiet-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-name": "Tabs (xl-compact-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-name": "Tabs (xl-compact-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-texticon-name": "Tabs (xl-compact-emphasized-texticon)", - "spectrum-tabs-xl-compact-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-textonly-name": "Tabs (xl-compact-emphasized-textonly)", - "spectrum-tabs-xl-compact-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-fluid-texticon-name": "Tabs (xl-compact-fluid-texticon)", - "spectrum-tabs-xl-compact-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-fluid-textonly-name": "Tabs (xl-compact-fluid-textonly)", - "spectrum-tabs-xl-compact-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-texticon-name": "Tabs (xl-compact-texticon)", - "spectrum-tabs-xl-compact-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-texticon-status": "Verified", - "spectrum-tabs-xl-compact-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-textonly-name": "Tabs (xl-compact-textonly)", - "spectrum-tabs-xl-compact-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-textonly-status": "Verified", - "spectrum-tabs-xl-compact-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-name": "Tabs (xl-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-name": "Tabs (xl-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-name": "Tabs (xl-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-name": "Tabs (xl-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-center-texticon-name": "Tabs (xl-compact-quiet-center-texticon)", - "spectrum-tabs-xl-compact-quiet-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-quiet-center-textonly-name": "Tabs (xl-compact-quiet-center-textonly)", - "spectrum-tabs-xl-compact-quiet-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-center-texticon-name": "Tabs (xl-compact-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-emphasized-center-textonly-name": "Tabs (xl-compact-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-fluid-center-texticon-name": "Tabs (xl-compact-fluid-center-texticon)", - "spectrum-tabs-xl-compact-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-fluid-center-textonly-name": "Tabs (xl-compact-fluid-center-textonly)", - "spectrum-tabs-xl-compact-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-center-texticon-name": "Tabs (xl-compact-center-texticon)", - "spectrum-tabs-xl-compact-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-center-textonly-name": "Tabs (xl-compact-center-textonly)", - "spectrum-tabs-xl-compact-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-name": "Tabs (xl-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-name": "Tabs (xl-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-name": "Tabs (xl-compact-vertical-quiet-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-name": "Tabs (xl-compact-vertical-quiet-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-name": "Tabs (xl-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-name": "Tabs (xl-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-name": "Tabs (xl-compact-vertical-emphasized-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-name": "Tabs (xl-compact-vertical-emphasized-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-name": "Tabs (xl-compact-vertical-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-name": "Tabs (xl-compact-vertical-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-texticon-name": "Tabs (xl-compact-vertical-texticon)", - "spectrum-tabs-xl-compact-vertical-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-textonly-name": "Tabs (xl-compact-vertical-textonly)", - "spectrum-tabs-xl-compact-vertical-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (xl-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (xl-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-name": "Tabs (xl-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-name": "Tabs (xl-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-name": "Tabs (xl-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-name": "Tabs (xl-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-name": "Tabs (xl-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-name": "Tabs (xl-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-center-texticon-name": "Tabs (xl-compact-vertical-center-texticon)", - "spectrum-tabs-xl-compact-vertical-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-center-texticon-version": "1.0.0-beta.0", - "spectrum-tabs-xl-compact-vertical-center-textonly-name": "Tabs (xl-compact-vertical-center-textonly)", - "spectrum-tabs-xl-compact-vertical-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-center-textonly-version": "1.0.0-beta.0", - "spectrum-tag-s-removable-texticon-name": "Tag (s-removable-texticon)", - "spectrum-tag-s-removable-texticon-description": "Tag with options size=s content=texticon removable=true", - "spectrum-tag-s-removable-texticon-version": "1.0.0-beta.0", - "spectrum-tag-s-texticon-name": "Tag (s-texticon)", - "spectrum-tag-s-texticon-description": "Tag with options size=s content=texticon removable=false", - "spectrum-tag-s-texticon-version": "1.0.0-beta.0", - "spectrum-tag-s-removable-textonly-name": "Tag (s-removable-textonly)", - "spectrum-tag-s-removable-textonly-description": "Tag with options size=s content=textonly removable=true", - "spectrum-tag-s-removable-textonly-version": "1.0.0-beta.0", - "spectrum-tag-s-textonly-name": "Tag (s-textonly)", - "spectrum-tag-s-textonly-description": "Tag with options size=s content=textonly removable=false", - "spectrum-tag-s-textonly-version": "1.0.0-beta.0", - "spectrum-tag-m-removable-texticon-name": "Tag (m-removable-texticon)", - "spectrum-tag-m-removable-texticon-description": "Tag with options size=m content=texticon removable=true", - "spectrum-tag-m-removable-texticon-version": "1.0.0-beta.0", - "spectrum-tag-m-texticon-name": "Tag (m-texticon)", - "spectrum-tag-m-texticon-description": "Tag with options size=m content=texticon removable=false", - "spectrum-tag-m-texticon-version": "1.0.0-beta.0", - "spectrum-tag-m-removable-textonly-name": "Tag (m-removable-textonly)", - "spectrum-tag-m-removable-textonly-description": "Tag with options size=m content=textonly removable=true", - "spectrum-tag-m-removable-textonly-version": "1.0.0-beta.0", - "spectrum-tag-m-textonly-name": "Tag (m-textonly)", - "spectrum-tag-m-textonly-description": "Tag with options size=m content=textonly removable=false", - "spectrum-tag-m-textonly-version": "1.0.0-beta.0", - "spectrum-tag-l-removable-texticon-name": "Tag (l-removable-texticon)", - "spectrum-tag-l-removable-texticon-description": "Tag with options size=l content=texticon removable=true", - "spectrum-tag-l-removable-texticon-version": "1.0.0-beta.0", - "spectrum-tag-l-texticon-name": "Tag (l-texticon)", - "spectrum-tag-l-texticon-description": "Tag with options size=l content=texticon removable=false", - "spectrum-tag-l-texticon-version": "1.0.0-beta.0", - "spectrum-tag-l-removable-textonly-name": "Tag (l-removable-textonly)", - "spectrum-tag-l-removable-textonly-description": "Tag with options size=l content=textonly removable=true", - "spectrum-tag-l-removable-textonly-version": "1.0.0-beta.0", - "spectrum-tag-l-textonly-name": "Tag (l-textonly)", - "spectrum-tag-l-textonly-description": "Tag with options size=l content=textonly removable=false", - "spectrum-tag-l-textonly-version": "1.0.0-beta.0", - "spectrum-taggroup-name": "TagGroup (default)", - "spectrum-taggroup-description": "TagGroup with no options", - "spectrum-taggroup-version": "1.0.0-beta.0", - "spectrum-textarea-s-multiline-quiet-name": "TextArea (s-multiline-quiet)", - "spectrum-textarea-s-multiline-quiet-description": "TextArea with options size=s quiet=true multiline=true", - "spectrum-textarea-s-multiline-quiet-status": "Verified", - "spectrum-textarea-s-multiline-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-s-quiet-name": "TextArea (s-quiet)", - "spectrum-textarea-s-quiet-description": "TextArea with options size=s quiet=true multiline=false", - "spectrum-textarea-s-quiet-status": "Verified", - "spectrum-textarea-s-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-s-multiline-name": "TextArea (s-multiline)", - "spectrum-textarea-s-multiline-description": "TextArea with options size=s quiet=false multiline=true", - "spectrum-textarea-s-multiline-status": "Verified", - "spectrum-textarea-s-multiline-version": "1.0.0-beta.0", - "spectrum-textarea-s-name": "TextArea (s)", - "spectrum-textarea-s-description": "TextArea with options size=s quiet=false multiline=false", - "spectrum-textarea-s-status": "Verified", - "spectrum-textarea-s-version": "1.0.0-beta.0", - "spectrum-textarea-m-multiline-quiet-name": "TextArea (m-multiline-quiet)", - "spectrum-textarea-m-multiline-quiet-description": "TextArea with options size=m quiet=true multiline=true", - "spectrum-textarea-m-multiline-quiet-status": "Verified", - "spectrum-textarea-m-multiline-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-m-quiet-name": "TextArea (m-quiet)", - "spectrum-textarea-m-quiet-description": "TextArea with options size=m quiet=true multiline=false", - "spectrum-textarea-m-quiet-status": "Verified", - "spectrum-textarea-m-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-m-multiline-name": "TextArea (m-multiline)", - "spectrum-textarea-m-multiline-description": "TextArea with options size=m quiet=false multiline=true", - "spectrum-textarea-m-multiline-status": "Verified", - "spectrum-textarea-m-multiline-version": "1.0.0-beta.0", - "spectrum-textarea-m-name": "TextArea (m)", - "spectrum-textarea-m-description": "TextArea with options size=m quiet=false multiline=false", - "spectrum-textarea-m-status": "Verified", - "spectrum-textarea-m-version": "1.0.0-beta.0", - "spectrum-textarea-l-multiline-quiet-name": "TextArea (l-multiline-quiet)", - "spectrum-textarea-l-multiline-quiet-description": "TextArea with options size=l quiet=true multiline=true", - "spectrum-textarea-l-multiline-quiet-status": "Verified", - "spectrum-textarea-l-multiline-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-l-quiet-name": "TextArea (l-quiet)", - "spectrum-textarea-l-quiet-description": "TextArea with options size=l quiet=true multiline=false", - "spectrum-textarea-l-quiet-status": "Verified", - "spectrum-textarea-l-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-l-multiline-name": "TextArea (l-multiline)", - "spectrum-textarea-l-multiline-description": "TextArea with options size=l quiet=false multiline=true", - "spectrum-textarea-l-multiline-status": "Verified", - "spectrum-textarea-l-multiline-version": "1.0.0-beta.0", - "spectrum-textarea-l-name": "TextArea (l)", - "spectrum-textarea-l-description": "TextArea with options size=l quiet=false multiline=false", - "spectrum-textarea-l-status": "Verified", - "spectrum-textarea-l-version": "1.0.0-beta.0", - "spectrum-textarea-xl-multiline-quiet-name": "TextArea (xl-multiline-quiet)", - "spectrum-textarea-xl-multiline-quiet-description": "TextArea with options size=xl quiet=true multiline=true", - "spectrum-textarea-xl-multiline-quiet-status": "Verified", - "spectrum-textarea-xl-multiline-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-xl-quiet-name": "TextArea (xl-quiet)", - "spectrum-textarea-xl-quiet-description": "TextArea with options size=xl quiet=true multiline=false", - "spectrum-textarea-xl-quiet-status": "Verified", - "spectrum-textarea-xl-quiet-version": "1.0.0-beta.0", - "spectrum-textarea-xl-multiline-name": "TextArea (xl-multiline)", - "spectrum-textarea-xl-multiline-description": "TextArea with options size=xl quiet=false multiline=true", - "spectrum-textarea-xl-multiline-status": "Verified", - "spectrum-textarea-xl-multiline-version": "1.0.0-beta.0", - "spectrum-textarea-xl-name": "TextArea (xl)", - "spectrum-textarea-xl-description": "TextArea with options size=xl quiet=false multiline=false", - "spectrum-textarea-xl-status": "Verified", - "spectrum-textarea-xl-version": "1.0.0-beta.0", - "spectrum-textfield-s-quiet-texticon-name": "Textfield (s-quiet-texticon)", - "spectrum-textfield-s-quiet-texticon-description": "Textfield with options size=s quiet=true content=texticon", - "spectrum-textfield-s-quiet-texticon-status": "Verified", - "spectrum-textfield-s-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-s-quiet-textonly-name": "Textfield (s-quiet-textonly)", - "spectrum-textfield-s-quiet-textonly-description": "Textfield with options size=s quiet=true content=textonly", - "spectrum-textfield-s-quiet-textonly-status": "Verified", - "spectrum-textfield-s-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-s-texticon-name": "Textfield (s-texticon)", - "spectrum-textfield-s-texticon-description": "Textfield with options size=s quiet=false content=texticon", - "spectrum-textfield-s-texticon-status": "Verified", - "spectrum-textfield-s-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-s-textonly-name": "Textfield (s-textonly)", - "spectrum-textfield-s-textonly-description": "Textfield with options size=s quiet=false content=textonly", - "spectrum-textfield-s-textonly-status": "Verified", - "spectrum-textfield-s-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-m-quiet-texticon-name": "Textfield (m-quiet-texticon)", - "spectrum-textfield-m-quiet-texticon-description": "Textfield with options size=m quiet=true content=texticon", - "spectrum-textfield-m-quiet-texticon-status": "Verified", - "spectrum-textfield-m-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-m-quiet-textonly-name": "Textfield (m-quiet-textonly)", - "spectrum-textfield-m-quiet-textonly-description": "Textfield with options size=m quiet=true content=textonly", - "spectrum-textfield-m-quiet-textonly-status": "Verified", - "spectrum-textfield-m-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-m-texticon-name": "Textfield (m-texticon)", - "spectrum-textfield-m-texticon-description": "Textfield with options size=m quiet=false content=texticon", - "spectrum-textfield-m-texticon-status": "Verified", - "spectrum-textfield-m-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-m-textonly-name": "Textfield (m-textonly)", - "spectrum-textfield-m-textonly-description": "Textfield with options size=m quiet=false content=textonly", - "spectrum-textfield-m-textonly-status": "Verified", - "spectrum-textfield-m-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-l-quiet-texticon-name": "Textfield (l-quiet-texticon)", - "spectrum-textfield-l-quiet-texticon-description": "Textfield with options size=l quiet=true content=texticon", - "spectrum-textfield-l-quiet-texticon-status": "Verified", - "spectrum-textfield-l-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-l-quiet-textonly-name": "Textfield (l-quiet-textonly)", - "spectrum-textfield-l-quiet-textonly-description": "Textfield with options size=l quiet=true content=textonly", - "spectrum-textfield-l-quiet-textonly-status": "Verified", - "spectrum-textfield-l-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-l-texticon-name": "Textfield (l-texticon)", - "spectrum-textfield-l-texticon-description": "Textfield with options size=l quiet=false content=texticon", - "spectrum-textfield-l-texticon-status": "Verified", - "spectrum-textfield-l-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-l-textonly-name": "Textfield (l-textonly)", - "spectrum-textfield-l-textonly-description": "Textfield with options size=l quiet=false content=textonly", - "spectrum-textfield-l-textonly-status": "Verified", - "spectrum-textfield-l-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-xl-quiet-texticon-name": "Textfield (xl-quiet-texticon)", - "spectrum-textfield-xl-quiet-texticon-description": "Textfield with options size=xl quiet=true content=texticon", - "spectrum-textfield-xl-quiet-texticon-status": "Verified", - "spectrum-textfield-xl-quiet-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-xl-quiet-textonly-name": "Textfield (xl-quiet-textonly)", - "spectrum-textfield-xl-quiet-textonly-description": "Textfield with options size=xl quiet=true content=textonly", - "spectrum-textfield-xl-quiet-textonly-status": "Verified", - "spectrum-textfield-xl-quiet-textonly-version": "1.0.0-beta.0", - "spectrum-textfield-xl-texticon-name": "Textfield (xl-texticon)", - "spectrum-textfield-xl-texticon-description": "Textfield with options size=xl quiet=false content=texticon", - "spectrum-textfield-xl-texticon-status": "Verified", - "spectrum-textfield-xl-texticon-version": "1.0.0-beta.0", - "spectrum-textfield-xl-textonly-name": "Textfield (xl-textonly)", - "spectrum-textfield-xl-textonly-description": "Textfield with options size=xl quiet=false content=textonly", - "spectrum-textfield-xl-textonly-status": "Verified", - "spectrum-textfield-xl-textonly-version": "1.0.0-beta.0", - "spectrum-thumbnail-xxs-layer-name": "Thumbnail (xxs-layer)", - "spectrum-thumbnail-xxs-layer-description": "Thumbnail with options size=xxs layer=true", - "spectrum-thumbnail-xxs-layer-version": "1.0.0-beta.0", - "spectrum-thumbnail-xxs-name": "Thumbnail (xxs)", - "spectrum-thumbnail-xxs-description": "Thumbnail with options size=xxs layer=false", - "spectrum-thumbnail-xxs-version": "1.0.0-beta.0", - "spectrum-thumbnail-xs-layer-name": "Thumbnail (xs-layer)", - "spectrum-thumbnail-xs-layer-description": "Thumbnail with options size=xs layer=true", - "spectrum-thumbnail-xs-layer-version": "1.0.0-beta.0", - "spectrum-thumbnail-xs-name": "Thumbnail (xs)", - "spectrum-thumbnail-xs-description": "Thumbnail with options size=xs layer=false", - "spectrum-thumbnail-xs-version": "1.0.0-beta.0", - "spectrum-thumbnail-s-layer-name": "Thumbnail (s-layer)", - "spectrum-thumbnail-s-layer-description": "Thumbnail with options size=s layer=true", - "spectrum-thumbnail-s-layer-version": "1.0.0-beta.0", - "spectrum-thumbnail-s-name": "Thumbnail (s)", - "spectrum-thumbnail-s-description": "Thumbnail with options size=s layer=false", - "spectrum-thumbnail-s-version": "1.0.0-beta.0", - "spectrum-thumbnail-m-layer-name": "Thumbnail (m-layer)", - "spectrum-thumbnail-m-layer-description": "Thumbnail with options size=m layer=true", - "spectrum-thumbnail-m-layer-version": "1.0.0-beta.0", - "spectrum-thumbnail-m-name": "Thumbnail (m)", - "spectrum-thumbnail-m-description": "Thumbnail with options size=m layer=false", - "spectrum-thumbnail-m-version": "1.0.0-beta.0", - "spectrum-thumbnail-l-layer-name": "Thumbnail (l-layer)", - "spectrum-thumbnail-l-layer-description": "Thumbnail with options size=l layer=true", - "spectrum-thumbnail-l-layer-version": "1.0.0-beta.0", - "spectrum-thumbnail-l-name": "Thumbnail (l)", - "spectrum-thumbnail-l-description": "Thumbnail with options size=l layer=false", - "spectrum-thumbnail-l-version": "1.0.0-beta.0", - "spectrum-toast-neutral-name": "Toast (neutral)", - "spectrum-toast-neutral-description": "Toast with options variant=neutral", - "spectrum-toast-neutral-status": "Verified", - "spectrum-toast-neutral-version": "1.0.0-beta.0", - "spectrum-toast-info-name": "Toast (info)", - "spectrum-toast-info-description": "Toast with options variant=info", - "spectrum-toast-info-status": "Verified", - "spectrum-toast-info-version": "1.0.0-beta.0", - "spectrum-toast-positive-name": "Toast (positive)", - "spectrum-toast-positive-description": "Toast with options variant=positive", - "spectrum-toast-positive-status": "Verified", - "spectrum-toast-positive-version": "1.0.0-beta.0", - "spectrum-toast-negative-name": "Toast (negative)", - "spectrum-toast-negative-description": "Toast with options variant=negative", - "spectrum-toast-negative-status": "Verified", - "spectrum-toast-negative-version": "1.0.0-beta.0", - "spectrum-tooltip-neutral-name": "Tooltip (neutral)", - "spectrum-tooltip-neutral-description": "Tooltip with options variant=neutral", - "spectrum-tooltip-neutral-version": "1.0.0-beta.0", - "spectrum-tooltip-info-name": "Tooltip (info)", - "spectrum-tooltip-info-description": "Tooltip with options variant=info", - "spectrum-tooltip-info-version": "1.0.0-beta.0", - "spectrum-tooltip-positive-name": "Tooltip (positive)", - "spectrum-tooltip-positive-description": "Tooltip with options variant=positive", - "spectrum-tooltip-positive-version": "1.0.0-beta.0", - "spectrum-tooltip-negative-name": "Tooltip (negative)", - "spectrum-tooltip-negative-description": "Tooltip with options variant=negative", - "spectrum-tooltip-negative-version": "1.0.0-beta.0", - "spectrum-tray-name": "Tray (default)", - "spectrum-tray-description": "Tray with no options", - "spectrum-tray-version": "1.0.0-beta.0", - "spectrum-treeview-s-name": "TreeView (s)", - "spectrum-treeview-s-description": "TreeView with options size=s", - "spectrum-treeview-s-version": "1.0.0-beta.0", - "spectrum-treeview-m-name": "TreeView (m)", - "spectrum-treeview-m-description": "TreeView with options size=m", - "spectrum-treeview-m-version": "1.0.0-beta.0", - "spectrum-treeview-l-name": "TreeView (l)", - "spectrum-treeview-l-description": "TreeView with options size=l", - "spectrum-treeview-l-version": "1.0.0-beta.0", - "spectrum-treeview-xl-name": "TreeView (xl)", - "spectrum-treeview-xl-description": "TreeView with options size=xl", - "spectrum-treeview-xl-version": "1.0.0-beta.0", - "spectrum-well-name": "Well (default)", - "spectrum-well-description": "Well with no options", - "spectrum-well-version": "1.0.0-beta.0" -} diff --git a/components/expressvars/package.json b/components/expressvars/package.json deleted file mode 100644 index c9f1deaf6e2..00000000000 --- a/components/expressvars/package.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "name": "@spectrum-css/expressvars", - "version": "3.0.9", - "description": "The Spectrum CSS vars for Express package", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/expressvars" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "main": "dist/spectrum-metadata.json", - "scripts": { - "build": "yarn clean && gulp build", - "clean": "rimraf dist/*", - "copy:metadata": "cp json/spectrum-metadata.json dist/", - "dna:clean": "rimraf css/* js/*", - "dna:update": "yarn dna:clean && gulp update && yarn build" - }, - "devDependencies": { - "@adobe/spectrum-express-tokens-deprecated": "^1.0.0-beta.35", - "gulp": "^4.0.0", - "gulp-concat": "^2.6.1", - "gulp-insert": "^0.5.0", - "gulp-replace": "^1.0.0", - "postcss": "^7.0.36", - "replace-ext": "^1.0.0", - "rimraf": "^5.0.1", - "through2": "^3.0.1" - }, - "publishConfig": { - "access": "public" - }, - "nx": { - "targets": { - "build": { - "inputs": [ - "{workspaceRoot}/*.css", - "{workspaceRoot}/css", - "{workspaceRoot}/json" - ] - } - }, - "includedScripts": [ - "build" - ] - } -} diff --git a/components/expressvars/tasks/updateDNA.js b/components/expressvars/tasks/updateDNA.js deleted file mode 100644 index 2819047e20f..00000000000 --- a/components/expressvars/tasks/updateDNA.js +++ /dev/null @@ -1,609 +0,0 @@ -/*! -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -const path = require("path"); - -const gulp = require("gulp"); -const through = require("through2"); - -function getCSSVariableReference(value) { - if (value[0] === "$") { - value = value.substr(1); - - // Strip the stop information - value = value.replace(/colorStopData\..*?\.colorTokens\./, "global-color."); - value = value.replace(/colorStopData\..*?\.colorAliases\./, "alias."); - value = value.replace(/colorStopData\..*?\.colorSemantics\./, "semantic."); - // Strip the scale information - value = value.replace( - /scaleData\..*?\.dimensionTokens\./, - "global-dimension." - ); - value = value.replace(/scaleData\..*?\.dimensionAliases\./, "alias."); - // Sub in proper names for globals - value = value.replace(/colorGlobals\./, "global-color."); - value = value.replace(/dimensionGlobals\./, "global-dimension.static-"); - value = value.replace(/fontGlobals\./, "global-font."); - value = value.replace(/animationGlobals\./, "global-animation."); - value = value.replace(/staticAliases\./, "alias."); - - let parts = value.split("."); - return "--spectrum-" + parts.join("-"); - } - return value; -} - -function getCSSVarName(prefix, key) { - key = prefix ? `${prefix}-${key}` : key; - key = `--spectrum-${key}`; - return key; -} - -function getCSSVar(prefix, key, value) { - key = getCSSVarName(prefix, key); - if (value[0] === "$") { - const reference = getCSSVariableReference(value); - return ` ${key}: var(${reference}); -`; - } else { - value = processValue(key, value); - return ` ${key}: ${value}; -`; - } -} - -function initializeObject(array) { - return array.reduce(function (a, v) { - a[v] = {}; - return a; - }, {}); -} - -function populateObject(parentObject, keysOfParent, keyOfChild) { - let obj = {}; - for (let key of keysOfParent) { - obj[key] = parentObject[key][keyOfChild]; - } - return obj; -} - -function processValue(name, value) { - if (name.indexOf("animation") !== -1) { - if (value[0] === "(") { - return `cubic-bezier${value}`; - } else if (name.match(/delay$/) && value.indexOf("ms") === -1) { - return `${value}ms`; - } - return value; - } - if ( - name.match(/opacity/) && - typeof value === "string" && - value.substr(-1) === "%" - ) { - return parseInt(value, 10) / 100; - } - return value; -} - -function isColorValue(key, value) { - return ( - key.match(/opacity/) || - key.match(/-color(-|$)/) || - value.match(/rgba\(|rgb\(|transparent/) || - value.match(/\$color/) - ); -} - -const dropTokens = { - name: true, - description: true, - "status:": true, - varBaseName: true, -}; - -function calculateOverrides(objects, processValue) { - let identical = {}; - let overrides = {}; - for (let objectName of Object.keys(objects)) { - overrides[objectName] = {}; - } - - // Get all the keys from all the objects - let keys = []; - for (let object of Object.values(objects)) { - for (let key in object) { - if (keys.indexOf(key) === -1) { - keys.push(key); - } - } - } - - // Assume we have the same keys in each object - for (let key of keys) { - let isIdentical = true; - let value; - - for (let [objectName, object] of Object.entries(objects)) { - value = object[key]; - - if (dropTokens[key]) { - overrides[objectName][key] = value; - identical[key] = value; - continue; - } - - let compareValue = processValue(object[key]); - - // Check if the value is the same the same in all other objects - for (let [otherObjectName, otherObject] of Object.entries(objects)) { - let otherValue = otherObject[key]; - let otherCompareValue = processValue(otherObject[key]); - - if (!isIdentical || compareValue !== otherCompareValue) { - isIdentical = false; - overrides[otherObjectName][key] = otherValue; - overrides[objectName][key] = value; - } - } - } - - if (isIdentical) { - identical[key] = value; - } - } - - return [identical, overrides]; -} - -function generateDNAFiles() { - const dnaJSONPath = path.join( - path.dirname(require.resolve("@adobe/spectrum-express-tokens-deprecated")), - "..", - "dist", - "data", - "json", - "dna-linked.json" - ); - return gulp - .src(dnaJSONPath) - .pipe( - through.obj(function translateJSON(file, enc, cb) { - let pushFile = (contents, fileName, folder) => { - let vinylFile = file.clone({ - contents: false, - }); - vinylFile.path = path.join(file.base, folder || "", fileName); - vinylFile.contents = Buffer.from(contents); - this.push(vinylFile); - }; - - let generateCSSFile = (sections, fileName, folder) => { - let contents = `:root { -`; - - sections.forEach((section) => { - let prefix = section.varBaseName; - for (let key in section) { - if (dropTokens[key]) { - continue; - } - - let value = section[key]; - if (value[0] === "[" && value[value.length - 1] === "]") { - console.error(`Skipping ${prefix}-${key}, value is an array`); - continue; - } - - if (value.startsWith("rgb(")) { - // Make -rgb variables for everything that's an actual rgb() - contents += getCSSVar( - prefix, - key + "-rgb", - value.replace(/^rgb\((.*?)\)/, "$1") - ); - contents += getCSSVar( - prefix, - key, - `rgb(var(${getCSSVarName(prefix, key)}-rgb))` - ); - } else { - contents += getCSSVar(prefix, key, value); - } - } - }); - - contents += `} -`; - - pushFile(contents, `spectrum-${fileName}.css`, folder); - }; - - let generateFiles = (sections, fileName, folder = "") => { - generateCSSFile(sections, fileName, `css/${folder}`); - }; - - let data = JSON.parse(String(file.contents)); - let dnaData = data.dna; - let metadata = { - "dna-version": dnaData.version, - }; - - // Get the list of stops and scales - let stops = Object.keys(dnaData.colorStopData).filter((stopName) => { - return ( - dnaData.colorStopData[stopName].colorTokens.status !== "Deprecated" - ); - }); - let scales = Object.keys(dnaData.scaleData); - let components = Object.keys( - dnaData.components[stops[0]][scales[0]] - ).filter((componentName) => { - // Ok this is gross, but we have to skip this bad boy because it duplicates tokens from selectlist! - return componentName !== "select"; - }); - - // Anything that doesn't consistently reference the same variable or value between stops/scales - let componentColorOverrides = initializeObject(stops); - let componentDimensionOverrides = initializeObject(scales); - - // Globals - [ - "colorGlobals", - "fontGlobals", - "dimensionGlobals", - "animationGlobals", - "staticAliases", - ].forEach((key) => { - generateCSSFile([dnaData[key]], key, "css/globals"); - }); - - // Elements - let jsElementVariables = initializeObject(components); - let componentVariables = initializeObject(components); - let colorVariables = {}; - let dimensionVariables = {}; - let cssFilesGenerated = {}; - let overriddenTokens = {}; - - function addColorVariable( - componentName, - varName, - value, - varBaseName, - stopName, - stateName - ) { - // Strip invalid # from placeholder variables - varName = varName.replace("#", "_"); - - if (stateName && stateName !== "default") { - varName += `-${stateName}`; - } - - let fullName = `${varBaseName}-${varName}`; - let cssVariableName = getCSSVariableReference(value); - if ( - colorVariables[fullName] && - colorVariables[fullName].cssVariableName !== cssVariableName - ) { - // logger.debug(`Found override for ${fullName} (${colorVariables[fullName].cssVariableName} vs ${cssVariableName})`); - componentColorOverrides[colorVariables[fullName].name][fullName] = - colorVariables[fullName].value; - componentColorOverrides[stopName][fullName] = value; - overriddenTokens[fullName] = true; - delete componentVariables[componentName][fullName]; - } else if (!overriddenTokens[fullName]) { - componentVariables[componentName][fullName] = value; - } - colorVariables[fullName] = { - name: stopName, - value: value, - cssVariableName: cssVariableName, - }; - jsElementVariables[componentName][varName] = value; - } - - function addDimensionVariable( - componentName, - varName, - value, - varBaseName, - scaleName, - stateName - ) { - // Strip invalid # from placeholder variables - varName = varName.replace("#", "_"); - - if (stateName && stateName !== "default") { - varName += `-${stateName}`; - } - - let fullName = `${varBaseName}-${varName}`; - let cssVariableName = getCSSVariableReference(value); - if ( - dimensionVariables[fullName] && - dimensionVariables[fullName].cssVariableName !== cssVariableName - ) { - componentDimensionOverrides[dimensionVariables[fullName].name][ - fullName - ] = dimensionVariables[fullName].value; - componentDimensionOverrides[scaleName][fullName] = value; - overriddenTokens[fullName] = true; - delete componentVariables[componentName][fullName]; - } else if (!overriddenTokens[fullName]) { - componentVariables[componentName][fullName] = value; - } - dimensionVariables[fullName] = { - name: scaleName, - value: value, - cssVariableName: cssVariableName, - }; - jsElementVariables[componentName][varName] = value; - } - - for (let stopName of stops) { - let stop = dnaData.components[stopName]; - - for (let scaleName of scales) { - let scale = stop[scaleName]; - - for (let componentName of components) { - let component = scale[componentName]; - - for (let variantName in component) { - let variant = component[variantName]; - - let metadataKeyBase = - "spectrum-" + - componentName + - (variantName === "default" ? "" : `-${variantName}`); - metadata[`${metadataKeyBase}-name`] = variant.name; - metadata[`${metadataKeyBase}-description`] = - variant.description; - metadata[`${metadataKeyBase}-status`] = variant.status; - metadata[`${metadataKeyBase}-version`] = variant.version; - - if (variant.states) { - for (let stateName in variant.states) { - let state = variant.states[stateName]; - if (stateName === "text-color") - console.log({ - variant, - }); - for (let key in state) { - let value = state[key]; - let varName = key; - if (isColorValue(varName, value)) { - addColorVariable( - componentName, - varName, - value, - variant.varBaseName, - stopName, - stateName - ); - } else { - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName, - stateName - ); - } - } - } - } - - if (variant.colors) { - for (let key in variant.colors) { - let value = variant.colors[key]; - let varName = key; - addColorVariable( - componentName, - varName, - value, - variant.varBaseName, - stopName - ); - } - } - - if (variant.dimensions) { - for (let key in variant.dimensions) { - let value = variant.dimensions[key]; - let varName = key; - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName - ); - } - } - - if (variant.animation) { - for (let key in variant.animation) { - let value = variant.animation[key]; - let varName = key; - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName - ); - } - } - } - } - } - } - - for (let componentName of components) { - generateCSSFile( - [componentVariables[componentName]], - componentName, - "css/components" - ); - cssFilesGenerated[componentName] = true; - } - - pushFile( - JSON.stringify(metadata, null, 2), - "spectrum-metadata.json", - "json/" - ); - - // Determine alias overrides - let [colorAliases] = calculateOverrides( - populateObject(dnaData.colorStopData, stops, "colorAliases"), - getCSSVariableReference - ); - - // Remove aliases with the same values from colorstops - for (let aliasName in colorAliases) { - if (dropTokens[aliasName]) { - continue; - } - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - delete stop.colorAliases[aliasName]; - } - } - - // Write out common aliases - generateCSSFile([colorAliases], "colorAliases", "css/globals/"); - - // Determine semantic overrides - let [colorSemantics] = calculateOverrides( - populateObject(dnaData.colorStopData, stops, "colorSemantics"), - getCSSVariableReference - ); - - // Remove semantics with the same values from colorstops - for (let semanticName in colorSemantics) { - if (dropTokens[semanticName]) { - continue; - } - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - delete stop.colorSemantics[semanticName]; - } - } - - generateCSSFile([colorSemantics], "colorSemantics", "css/globals/"); - - // Write out stops - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - if (stop.colorTokens.status === "Deprecated") { - continue; - } - - generateFiles( - [ - stop.colorTokens, - stop.colorAliases, - stop.colorSemantics, - componentColorOverrides[stopName], - ], - stopName, - "themes" - ); - } - - // Determine dimension alias overrides - let [dimensionAliases] = calculateOverrides( - populateObject(dnaData.scaleData, scales, "dimensionAliases"), - getCSSVariableReference - ); - - // Remove aliases with the same values from scales - for (let aliasName in dimensionAliases) { - if (dropTokens[aliasName]) { - continue; - } - for (let scaleName in dnaData.scaleData) { - let scale = dnaData.scaleData[scaleName]; - delete scale.dimensionAliases[aliasName]; - } - } - - generateCSSFile([dimensionAliases], "dimensionAliases", "css/globals/"); - - // Scales - for (let scaleName in dnaData.scaleData) { - let scale = dnaData.scaleData[scaleName]; - - generateFiles( - [ - scale.dimensionTokens, - scale.dimensionAliases, - componentDimensionOverrides[scaleName], - ], - scaleName, - "scales" - ); - } - - cb(); - }) - ) - .pipe(gulp.dest("./")); -} - -function generateIndex(source, dest) { - return function generateIndex() { - let lastFile; - let componentFilenames = []; - return gulp - .src(source) - .pipe( - through.obj( - function (file, enc, cb) { - lastFile = file; - componentFilenames.push(path.basename(file.path)); - cb(null); - }, - function (cb) { - let vinylFile = lastFile.clone({ - contents: false, - }); - vinylFile.path = path.join(lastFile.base, "index.css"); - vinylFile.contents = Buffer.from( - componentFilenames - .map((fileName) => `@import '${fileName}';`) - .join("\n") - ); - this.push(vinylFile); - cb(); - } - ) - ) - .pipe(gulp.dest(dest)); - }; -} - -let generateComponentIndex = generateIndex( - "css/components/*.css", - "css/components/" -); -let generateGlobalsIndex = generateIndex("css/globals/*.css", "css/globals/"); - -exports.updateDNA = gulp.series( - generateDNAFiles, - gulp.parallel(generateComponentIndex, generateGlobalsIndex) -); diff --git a/components/splitbutton/index.css b/components/splitbutton/index.css index 97543394091..665d5af9759 100644 --- a/components/splitbutton/index.css +++ b/components/splitbutton/index.css @@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -@import "../vars/css/components/spectrum-button.css"; +@import "@spectrum-css/vars/dist/components/spectrum-button.css"; .spectrum-SplitButton { --spectrum-splitbutton-trigger-border-left: 0; diff --git a/components/vars/CHANGELOG.md b/components/vars/CHANGELOG.md deleted file mode 100644 index 5ad598def2c..00000000000 --- a/components/vars/CHANGELOG.md +++ /dev/null @@ -1,568 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - - -##9.0.8 -🗓 -2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.7...@spectrum-css/vars@9.0.8) - -### 🐛 Bug fixes - -\*restore files to pre-formatted state([491dbcb](https://github.com/adobe/spectrum-css/commit/491dbcb)) - - -##9.0.7 -🗓 -2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.6...@spectrum-css/vars@9.0.7) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.6 - -🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.5...@spectrum-css/vars@9.0.6) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.5 - -🗓 2023-04-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.4...@spectrum-css/vars@9.0.5) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.4 - -🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.2...@spectrum-css/vars@9.0.4) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.3 - -🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.2...@spectrum-css/vars@9.0.3) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.2 - -🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.0...@spectrum-css/vars@9.0.2) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 9.0.1 - -🗓 2023-04-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@9.0.0...@spectrum-css/vars@9.0.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 9.0.0 - -🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.5...@spectrum-css/vars@9.0.0) - -- fix(tokens)!: rgb transform to split out rgb values from css attributes (#1590) ([b714db4](https://github.com/adobe/spectrum-css/commit/b714db4)), closes [#1590](https://github.com/adobe/spectrum-css/issues/1590) - -### 🛑 BREAKING CHANGES - -- transforms color tokens to split out their `rgb` values - -Co-authored-by: castastrophe - - - -## 8.0.5 - -🗓 2023-03-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.4...@spectrum-css/vars@8.0.5) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 8.0.4 - -🗓 2023-02-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.3...@spectrum-css/vars@8.0.4) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 8.0.3 - -🗓 2023-01-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.2...@spectrum-css/vars@8.0.3) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 8.0.2 - -🗓 2023-01-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.0...@spectrum-css/vars@8.0.2) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 8.0.1 - -🗓 2023-01-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@8.0.0...@spectrum-css/vars@8.0.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 8.0.0 - -🗓 2022-04-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.3.0...@spectrum-css/vars@8.0.0) - -- feat!: update tokens with new colors, switch to deprecated token pkgs ([7282091](https://github.com/adobe/spectrum-css/commit/7282091)) - -### 🛑 BREAKING CHANGES - -- this PR introduces a substantial change to the color palette - - - -# 7.3.0 - -🗓 2022-04-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.2.0...@spectrum-css/vars@7.3.0) - -### ✨ Features - -- create -rgb suffixed variables for all rgb() values ([b2ccdf3](https://github.com/adobe/spectrum-css/commit/b2ccdf3)) - - - -# 7.2.0 - -🗓 2022-03-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.1.1...@spectrum-css/vars@7.2.0) - -### ✨ Features - -- split-out and Expressify Asset Card ([61a4e96](https://github.com/adobe/spectrum-css/commit/61a4e96)) -- update spectrum-tokens ([891ad14](https://github.com/adobe/spectrum-css/commit/891ad14)) -- update spectrum-tokens, use new token packages ([10c4a13](https://github.com/adobe/spectrum-css/commit/10c4a13)) - -### 🐛 Bug fixes - -- more design review updates ([b4bfa90](https://github.com/adobe/spectrum-css/commit/b4bfa90)) - - - -## 7.1.1 - -🗓 2022-03-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.1.0...@spectrum-css/vars@7.1.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 7.1.0 - -🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.0.1...@spectrum-css/vars@7.1.0) - -### ✨ Features - -- fixup other Express Slider color an size changes ([2fa1ce5](https://github.com/adobe/spectrum-css/commit/2fa1ce5)) - -### 🐛 Bug fixes - -- updated based on design review ([be41d62](https://github.com/adobe/spectrum-css/commit/be41d62)) - - - -## 7.0.1 - -🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@7.0.0...@spectrum-css/vars@7.0.1) - -### 🐛 Bug fixes - -- correct loupe outer ([fd9f01c](https://github.com/adobe/spectrum-css/commit/fd9f01c)) - - - -# 7.0.0 - -🗓 2022-02-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@6.1.1...@spectrum-css/vars@7.0.0) - -### ✨ Features - -- ability to add custom variables for Express/Spectrum ([50a4e04](https://github.com/adobe/spectrum-css/commit/50a4e04)) -- combine Express and Spectrum SVGs, toggle visibility with vars ([84f4b8b](https://github.com/adobe/spectrum-css/commit/84f4b8b)) -- update ColorLoupe and ColorSlider for Express ([490c00a](https://github.com/adobe/spectrum-css/commit/490c00a)) -- use --spectrum-picked-color for everything ([62e6469](https://github.com/adobe/spectrum-css/commit/62e6469)) - -### 🐛 Bug fixes - -- correct checkerboard background color ([dc6c297](https://github.com/adobe/spectrum-css/commit/dc6c297)) -- correct checkerboard color, stroke around edges of loupe ([c327261](https://github.com/adobe/spectrum-css/commit/c327261)) -- give the Spectrum loupe a stroke ([486b079](https://github.com/adobe/spectrum-css/commit/486b079)) - -### 🛑 BREAKING CHANGES - -- You must define --spectrum-picked-color instead of setting background-color - - - -## 6.1.1 - -🗓 2022-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@6.1.0...@spectrum-css/vars@6.1.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 6.1.0 - -🗓 2022-01-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@6.0.0...@spectrum-css/vars@6.1.0) - -### ✨ Features - -- **tabs:** regenerate vars ([28302af](https://github.com/adobe/spectrum-css/commit/28302af)) -- update to latest vars release & regenerate custom props ([a2af534](https://github.com/adobe/spectrum-css/commit/a2af534)) - -### 🐛 Bug fixes - -- **tabs:** bump versions to get latest vars ([2bc69e9](https://github.com/adobe/spectrum-css/commit/2bc69e9)) - - - -# 6.0.0 - -🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.3.1...@spectrum-css/vars@6.0.0) - -### ✨ Features - -- temporary update of DNA variables ahead of release ([47ce20c](https://github.com/adobe/spectrum-css/commit/47ce20c)) -- update vars using local branch for testing and development ([b0ceb6b](https://github.com/adobe/spectrum-css/commit/b0ceb6b)) - -### chore - -- update @adobe/spectrum-tokens and @adobe/spectrum-express-tokens ([da06f9a](https://github.com/adobe/spectrum-css/commit/da06f9a)) - -### 🛑 BREAKING CHANGES - -- changes to button token api for static and style - variants. Removal of over background. - - - -# 5.0.0 - -🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@5.0.0-beta.0...@spectrum-css/vars@5.0.0) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 5.0.0-beta.0 - -🗓 2021-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.3.1...@spectrum-css/vars@5.0.0-beta.0) - -### ✨ Features - -- temporary update of DNA variables ahead of release ([9f2a310](https://github.com/adobe/spectrum-css/commit/9f2a310)) -- update vars using local branch for testing and development ([5938f77](https://github.com/adobe/spectrum-css/commit/5938f77)) - -### chore - -- update @adobe/spectrum-tokens and @adobe/spectrum-express-tokens ([df3a179](https://github.com/adobe/spectrum-css/commit/df3a179)) - -### 🛑 BREAKING CHANGES - -- changes to button token api for static and style - variants. Removal of over background. - - - -## 4.3.1 - -🗓 2021-12-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.3.0...@spectrum-css/vars@4.3.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 4.3.0 - -🗓 2021-11-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.2.0...@spectrum-css/vars@4.3.0) - -### ✨ Features - -- spectrum-tokens@8.4.0, spectrum-express-tokens@1.0.0-beta.13 ([bb059fb](https://github.com/adobe/spectrum-css/commit/bb059fb)) -- spectrum-tokens@8.5.0, spectrum-express-tokens@1.0.0-beta.14 ([910c43a](https://github.com/adobe/spectrum-css/commit/910c43a)) - - - -# 4.2.0 - -🗓 2021-11-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.1.1...@spectrum-css/vars@4.2.0) - -### ✨ Features - -- **thumbnail:** use different color for checkerboard background ([0331f62](https://github.com/adobe/spectrum-css/commit/0331f62)) - - - -## 4.1.1 - -🗓 2021-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.1.0...@spectrum-css/vars@4.1.1) - -### 🐛 Bug fixes - -- update DNA versions ([c85446e](https://github.com/adobe/spectrum-css/commit/c85446e)) -- update DNA versions for checkbox, radio, switch ([dcdcb7f](https://github.com/adobe/spectrum-css/commit/dcdcb7f)) - - - -# 4.1.0 - -🗓 2021-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.0.2...@spectrum-css/vars@4.1.0) - -### ✨ Features - -- make ClearButton build again, unblock CCX ([#1304](https://github.com/adobe/spectrum-css/issues/1304)) ([ae9399a](https://github.com/adobe/spectrum-css/commit/ae9399a)) - - - -## 4.0.2 - -🗓 2021-10-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.0.1...@spectrum-css/vars@4.0.2) - -### 🐛 Bug fixes - -- fixed picker quiet popover offset-x tokens ([36c7551](https://github.com/adobe/spectrum-css/commit/36c7551)) -- update to spectrum-tokens 7.0.1 ([b88d6ce](https://github.com/adobe/spectrum-css/commit/b88d6ce)) -- wip adding aliases back into linked DSS data ([e1d6667](https://github.com/adobe/spectrum-css/commit/e1d6667)) - - - -# 4.0.1 - -🗓 2021-10-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@4.0.0...@spectrum-css/vars@4.0.1) - -### 🐛 Bug fixes - -- fixed picker quiet popover offset-x tokens ([36c7551](https://github.com/adobe/spectrum-css/commit/36c7551)) -- update to spectrum-tokens 7.0.1([b88d6ce](https://github.com/adobe/spectrum-css/commit/b88d6ce)) - - - -# 4.0.0 - -🗓 2021-09-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.1.0-alpha.3...@spectrum-css/vars@4.0.0) - -### 🐛 Bug fixes - -- adjusted tokens for treeview from DSS ([6d9168a](https://github.com/adobe/spectrum-css/commit/6d9168a)) -- resolve failing test by applying t-shirt size to actionbar example ([1d55f90](https://github.com/adobe/spectrum-css/commit/1d55f90)) -- update spectrum-tokens to 7.0.0-beta.27 ([fffd834](https://github.com/adobe/spectrum-css/commit/fffd834)) -- updating latest spectrum-tokens ([d35b957](https://github.com/adobe/spectrum-css/commit/d35b957)) -- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49)) -- use updated tokens & resolve treeview build errors ([c892536](https://github.com/adobe/spectrum-css/commit/c892536)) - -### 🛑 BREAKING CHANGES - -- t-shirt sizes added. - - - -# 3.1.0-alpha.3 - -🗓 2021-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.1.0-alpha.2...@spectrum-css/vars@3.1.0-alpha.3) - -### 🐛 Bug fixes - -- added padding to unselected listitem back ([f167013](https://github.com/adobe/spectrum-css/commit/f167013)) - - - -# 3.1.0-alpha.2 - -🗓 2021-06-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.1.0-alpha.1...@spectrum-css/vars@3.1.0-alpha.2) - -### 🐛 Bug fixes - -- drop # from placeholder varnames, replace with \_ ([aa167bb](https://github.com/adobe/spectrum-css/commit/aa167bb)) -- update checkbox disable background ([0dfb656](https://github.com/adobe/spectrum-css/commit/0dfb656)) -- updated to @adobe/spectrum-tokens@7.0.0-beta.18 ([e604447](https://github.com/adobe/spectrum-css/commit/e604447)) -- updated to @adobe/spectrum-tokens@7.0.0-beta.20 ([74eaad1](https://github.com/adobe/spectrum-css/commit/74eaad1)) -- updated to @adobe/spectrum-tokens@7.0.0-beta.21 ([083ff44](https://github.com/adobe/spectrum-css/commit/083ff44)) - - - -# 3.1.0-alpha.1 - -🗓 2021-05-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.1.0-alpha.0...@spectrum-css/vars@3.1.0-alpha.1) - -**Note:** Version bump only for package @spectrum-css/vars - - - -# 3.1.0-alpha.0 - -🗓 2021-04-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.0.2...@spectrum-css/vars@3.1.0-alpha.0) - -### ✨ Features - -- updated to latest spectrum-tokens version ([0d7cc73](https://github.com/adobe/spectrum-css/commit/0d7cc73)) - -### 🐛 Bug fixes - -- updating min-width on card ([f15db2a](https://github.com/adobe/spectrum-css/commit/f15db2a)) - - - -## 3.0.2 - -🗓 2021-04-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.0.1...@spectrum-css/vars@3.0.2) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 3.0.1 - -🗓 2021-03-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.0.0...@spectrum-css/vars@3.0.1) - -### 🐛 Bug fixes - -- **#1123:** placeholder text color alias for search, textarea, textfield ([011ca54](https://github.com/adobe/spectrum-css/commit/011ca54)), closes [#1123](https://github.com/adobe/spectrum-css/issues/1123) - - - -# 3.0.0 - -🗓 2021-02-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.0.0-beta.2...@spectrum-css/vars@3.0.0) - -### ✨ Features - -- update to Spectrum Tokens 6.0.6 ([bdc87b0](https://github.com/adobe/spectrum-css/commit/bdc87b0)) - - - -# 3.0.0-beta.2 - -🗓 2020-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@3.0.0-beta.1...@spectrum-css/vars@3.0.0-beta.2) - -### ✨ Features - -- update to Spectrum Tokens 6.0.0-beta.28 ([e78216a](https://github.com/adobe/spectrum-css/commit/e78216a)) -- updated spectrum tokens to 6.0.0-beta.18.9 ([83c393f](https://github.com/adobe/spectrum-css/commit/83c393f)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.18.10 ([8b327b2](https://github.com/adobe/spectrum-css/commit/8b327b2)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.18.11 ([1442b61](https://github.com/adobe/spectrum-css/commit/1442b61)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.18.12 ([6b915ae](https://github.com/adobe/spectrum-css/commit/6b915ae)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.20.2 ([9f11d44](https://github.com/adobe/spectrum-css/commit/9f11d44)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.26 ([56423cd](https://github.com/adobe/spectrum-css/commit/56423cd)) -- upgrade to @adobe/spectrum-tokens@6.0.0-beta.27 ([551eb7e](https://github.com/adobe/spectrum-css/commit/551eb7e)) - -### 🐛 Bug fixes - -- correct a few more broken backticks ([13fb792](https://github.com/adobe/spectrum-css/commit/13fb792)) -- **vars:** remove errant backtick in custom property names ([3620398](https://github.com/adobe/spectrum-css/commit/3620398)) -- correct DNA update ([e585195](https://github.com/adobe/spectrum-css/commit/e585195)) -- temporary patch DNA ([4950589](https://github.com/adobe/spectrum-css/commit/4950589)) - -### 🛑 BREAKING CHANGES - -- some tokens removed, some changed, life goes on - - - -# 3.0.0-beta.1 - -🗓 2020-09-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.3.0...@spectrum-css/vars@3.0.0-beta.1) - -### 🐛 Bug fixes - -- fix the issues caused by component rename ([#778](https://github.com/adobe/spectrum-css/issues/778)) ([e1d180c](https://github.com/adobe/spectrum-css/commit/e1d180c)) -- resolving conflicts with main ([8cafffa](https://github.com/adobe/spectrum-css/commit/8cafffa)) -- updating tokens beta with breaking changes ([9043417](https://github.com/adobe/spectrum-css/commit/9043417)) -- wip fix more components ([b74dbb8](https://github.com/adobe/spectrum-css/commit/b74dbb8)) - - - -# 2.3.0 - -🗓 2020-05-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.2.0...@spectrum-css/vars@2.3.0) - -### ✨ Features - -- switch from dna to spectrum-tokens ([#657](https://github.com/adobe/spectrum-css/issues/657)) ([31a6fc5](https://github.com/adobe/spectrum-css/commit/31a6fc5)) - -### 🐛 Bug fixes - -- ignore invalid array-like variables, fixes [#728](https://github.com/adobe/spectrum-css/issues/728) ([27bd8d8](https://github.com/adobe/spectrum-css/commit/27bd8d8)) - - - -# 2.2.0 - -🗓 2020-03-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.1.0...@spectrum-css/vars@2.2.0) - -### ✨ Features - -- halo focus ring, closes [#112](https://github.com/adobe/spectrum-css/issues/112), closes [#573](https://github.com/adobe/spectrum-css/issues/573) ([#603](https://github.com/adobe/spectrum-css/issues/603)) ([d87e9a5](https://github.com/adobe/spectrum-css/commit/d87e9a5)), closes [#619](https://github.com/adobe/spectrum-css/issues/619) - - - -# 2.1.0 - -🗓 2020-02-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.0.3...@spectrum-css/vars@2.1.0) - -### ✨ Features - -- upping DNA to 5.23.0 ([5371449](https://github.com/adobe/spectrum-css/commit/5371449)) - - - -## 2.0.3 - -🗓 2019-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.0.2...@spectrum-css/vars@2.0.3) - -**Note:** Version bump only for package @spectrum-css/vars - - - -## 2.0.2 - -🗓 2019-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.0.1...@spectrum-css/vars@2.0.2) - -### 🐛 Bug fixes - -- do not convert non-opacity percent values to floats, fixes [#395](https://github.com/adobe/spectrum-css/issues/395) ([4b003ec](https://github.com/adobe/spectrum-css/commit/4b003ec)) - - - -## 2.0.1 - -🗓 2019-11-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/vars@2.0.0...@spectrum-css/vars@2.0.1) - -### 🐛 Bug fixes - -- preprocess percentage values and convert them to floats, fixes [#340](https://github.com/adobe/spectrum-css/issues/340) ([a77ac11](https://github.com/adobe/spectrum-css/commit/a77ac11)) - - - -# 2.0.0 - -🗓 2019-10-08 - -### ✨ Features - -- generate indexes for globals/components, copy components ([6eddf6c](https://github.com/adobe/spectrum-css/commit/6eddf6c)) -- move to individually versioned packages with Lerna ([#265](https://github.com/adobe/spectrum-css/issues/265)) ([cb7fd4b](https://github.com/adobe/spectrum-css/commit/cb7fd4b)), closes [#231](https://github.com/adobe/spectrum-css/issues/231) [#214](https://github.com/adobe/spectrum-css/issues/214) [#229](https://github.com/adobe/spectrum-css/issues/229) [#240](https://github.com/adobe/spectrum-css/issues/240) [#239](https://github.com/adobe/spectrum-css/issues/239) [#161](https://github.com/adobe/spectrum-css/issues/161) [#242](https://github.com/adobe/spectrum-css/issues/242) [#246](https://github.com/adobe/spectrum-css/issues/246) [#219](https://github.com/adobe/spectrum-css/issues/219) [#235](https://github.com/adobe/spectrum-css/issues/235) [#189](https://github.com/adobe/spectrum-css/issues/189) [#248](https://github.com/adobe/spectrum-css/issues/248) [#232](https://github.com/adobe/spectrum-css/issues/232) [#248](https://github.com/adobe/spectrum-css/issues/248) [#218](https://github.com/adobe/spectrum-css/issues/218) [#237](https://github.com/adobe/spectrum-css/issues/237) [#255](https://github.com/adobe/spectrum-css/issues/255) [#256](https://github.com/adobe/spectrum-css/issues/256) [#258](https://github.com/adobe/spectrum-css/issues/258) [#257](https://github.com/adobe/spectrum-css/issues/257) [#259](https://github.com/adobe/spectrum-css/issues/259) -- update DNA to 5.21 ([#316](https://github.com/adobe/spectrum-css/issues/316)) ([373ea6c](https://github.com/adobe/spectrum-css/commit/373ea6c)) -- use linked DNA data for CSS variable generation ([0233a53](https://github.com/adobe/spectrum-css/commit/0233a53)) diff --git a/components/vars/README.md b/components/vars/README.md deleted file mode 100644 index eddb915779b..00000000000 --- a/components/vars/README.md +++ /dev/null @@ -1,42 +0,0 @@ -# `@spectrum-css/vars` - -The vars component contains all the variables that drive the presentation of a component. - -## CSS Usage - -The files within the `css/` folder are unprocessed Spectrum DNA output. These contain ALL variables with raw data for each. These should be used if variables are required at build time. - -The files within the `dist/css/` folder contain processed DNA output, with references to only the DNA variables that change between color stops and scales. These should be if CSS custom properties are being used in-browser. - -## Updating DNA tokens / variables from Spectrum DNA - -Update the DNA version in `package.json` - -`"@spectrum/spectrum-dna": "^x.y.z",` - -In root directory: - -``` -yarn install -yarn add -W -O @spectrum/spectrum-dna -``` - -Run the DNA update script: - -``` -cd components/vars -npm run update -``` - -Commit the new files with `git add .; git commit -m "feat: update DNA to x.y.z"` with x.y.z being the DNA version number matching the update in `package.json`. - -### Potential error resolving solutions - -Clean Lerna, remove node_modules and reinstall Yarn dependencies. - -``` -npx lerna clean -rm -rf node_modules/ -rm .yarnrc -yarn install -``` diff --git a/components/vars/css/components/index.css b/components/vars/css/components/index.css deleted file mode 100644 index ecdffa7689f..00000000000 --- a/components/vars/css/components/index.css +++ /dev/null @@ -1,86 +0,0 @@ -@import 'spectrum-accordion.css'; -@import 'spectrum-actionbar.css'; -@import 'spectrum-actionbutton.css'; -@import 'spectrum-actiongroup.css'; -@import 'spectrum-alertbanner.css'; -@import 'spectrum-artboard.css'; -@import 'spectrum-asset.css'; -@import 'spectrum-assetlist.css'; -@import 'spectrum-avatar.css'; -@import 'spectrum-badge.css'; -@import 'spectrum-body.css'; -@import 'spectrum-bottomnavigation.css'; -@import 'spectrum-breadcrumb.css'; -@import 'spectrum-button.css'; -@import 'spectrum-buttongroup.css'; -@import 'spectrum-calendar.css'; -@import 'spectrum-card.css'; -@import 'spectrum-checkbox.css'; -@import 'spectrum-clearbutton.css'; -@import 'spectrum-closebutton.css'; -@import 'spectrum-coachmark.css'; -@import 'spectrum-code.css'; -@import 'spectrum-colorarea.css'; -@import 'spectrum-colorhandle.css'; -@import 'spectrum-colorloupe.css'; -@import 'spectrum-colorslider.css'; -@import 'spectrum-colorwheel.css'; -@import 'spectrum-combobox.css'; -@import 'spectrum-cyclebutton.css'; -@import 'spectrum-detail.css'; -@import 'spectrum-dial.css'; -@import 'spectrum-dialog.css'; -@import 'spectrum-divider.css'; -@import 'spectrum-drag.css'; -@import 'spectrum-dragbar.css'; -@import 'spectrum-dragthumb.css'; -@import 'spectrum-drawer.css'; -@import 'spectrum-dropindicator.css'; -@import 'spectrum-dropzone.css'; -@import 'spectrum-fieldlabel.css'; -@import 'spectrum-heading.css'; -@import 'spectrum-helptext.css'; -@import 'spectrum-illustratedmessage.css'; -@import 'spectrum-infieldbutton.css'; -@import 'spectrum-inlinealert.css'; -@import 'spectrum-label.css'; -@import 'spectrum-link.css'; -@import 'spectrum-listitem.css'; -@import 'spectrum-logicbutton.css'; -@import 'spectrum-meter.css'; -@import 'spectrum-millercolumn.css'; -@import 'spectrum-opacitycheckerboard.css'; -@import 'spectrum-pagination.css'; -@import 'spectrum-panel.css'; -@import 'spectrum-picker.css'; -@import 'spectrum-pickerbutton.css'; -@import 'spectrum-popover.css'; -@import 'spectrum-progressbar.css'; -@import 'spectrum-progresscircle.css'; -@import 'spectrum-quickactions.css'; -@import 'spectrum-radio.css'; -@import 'spectrum-radiogroup.css'; -@import 'spectrum-rating.css'; -@import 'spectrum-scrollbar.css'; -@import 'spectrum-search.css'; -@import 'spectrum-searchwithin.css'; -@import 'spectrum-sidenav.css'; -@import 'spectrum-slider.css'; -@import 'spectrum-splitbutton.css'; -@import 'spectrum-statuslight.css'; -@import 'spectrum-steplist.css'; -@import 'spectrum-stepperbutton.css'; -@import 'spectrum-switch.css'; -@import 'spectrum-tabbar.css'; -@import 'spectrum-table.css'; -@import 'spectrum-tabs.css'; -@import 'spectrum-tag.css'; -@import 'spectrum-taggroup.css'; -@import 'spectrum-textarea.css'; -@import 'spectrum-textfield.css'; -@import 'spectrum-thumbnail.css'; -@import 'spectrum-toast.css'; -@import 'spectrum-tooltip.css'; -@import 'spectrum-tray.css'; -@import 'spectrum-treeview.css'; -@import 'spectrum-well.css'; \ No newline at end of file diff --git a/components/vars/css/components/spectrum-accordion.css b/components/vars/css/components/spectrum-accordion.css deleted file mode 100644 index 77a32ccb31b..00000000000 --- a/components/vars/css/components/spectrum-accordion.css +++ /dev/null @@ -1,62 +0,0 @@ -:root { - --spectrum-accordion-item-title-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-accordion-item-border-left-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-accordion-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-accordion-item-title-text-color: var(--spectrum-global-color-gray-700); - --spectrum-accordion-item-border-left-color: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color: var(--spectrum-global-color-gray-700); - --spectrum-accordion-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-accordion-item-title-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-accordion-item-title-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-accordion-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-accordion-item-title-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-accordion-item-border-left-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-accordion-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-accordion-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-accordion-item-title-text-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-accordion-item-border-left-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-accordion-text-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-accordion-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-accordion-item-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-accordion-border-color: var(--spectrum-global-color-gray-300); - --spectrum-accordion-item-title-tracking: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-accordion-item-title-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-accordion-item-title-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-accordion-item-title-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-accordion-item-title-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-accordion-item-title-text-transform: uppercase; - --spectrum-accordion-item-title-margin-top: 0px; - --spectrum-accordion-item-title-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-accordion-item-title-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-accordion-item-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-accordion-item-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-accordion-item-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-accordion-item-content-padding: var(--spectrum-global-dimension-size-200); - --spectrum-accordion-item-height: var(--spectrum-global-dimension-static-size-500); - --spectrum-accordion-item-padding-x: var(--spectrum-global-dimension-size-225); - --spectrum-accordion-item-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-accordion-item-border-left-size: var(--spectrum-alias-border-size-thick); - --spectrum-accordion-text-transform: none; - --spectrum-accordion-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-accordion-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-accordion-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-accordion-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-accordion-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-accordion-text-text-transform: none; - --spectrum-accordion-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-accordion-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-accordion-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-accordion-icon-gap: var(--spectrum-global-dimension-size-100); -} diff --git a/components/vars/css/components/spectrum-actionbar.css b/components/vars/css/components/spectrum-actionbar.css deleted file mode 100644 index 59e703f407c..00000000000 --- a/components/vars/css/components/spectrum-actionbar.css +++ /dev/null @@ -1,19 +0,0 @@ -:root { - --spectrum-actionbar-background-color: var(--spectrum-global-color-gray-50); - --spectrum-actionbar-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-actionbar-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-actionbar-checkbox-gap: var(--spectrum-global-dimension-size-500); - --spectrum-actionbar-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbar-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-actionbar-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbar-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-min-width: var(--spectrum-global-dimension-static-size-3500); - --spectrum-actionbar-max-width: var(--spectrum-global-dimension-static-size-3500); - --spectrum-actionbar-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-actionbar-offset-x: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-actionbar-elevation: 2dp; - --spectrum-actionbar-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-actionbar-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); -} diff --git a/components/vars/css/components/spectrum-actionbutton.css b/components/vars/css/components/spectrum-actionbutton.css deleted file mode 100644 index 86d9ea5d197..00000000000 --- a/components/vars/css/components/spectrum-actionbutton.css +++ /dev/null @@ -1,28682 +0,0 @@ -:root { - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-texticon-position: relative; - --spectrum-actionbutton-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-texticon-position: relative; - --spectrum-actionbutton-s-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-s-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-s-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-texticon-position: relative; - --spectrum-actionbutton-s-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-s-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-texticon-text-transform: none; - --spectrum-actionbutton-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-texticon-text-render: yes; - --spectrum-actionbutton-s-texticon-text-order: 2; - --spectrum-actionbutton-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-texticon-text-text-transform: none; - --spectrum-actionbutton-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-texticon-icon-render: yes; - --spectrum-actionbutton-s-texticon-icon-order: 1; - --spectrum-actionbutton-s-texticon-icon-type: icon; - --spectrum-actionbutton-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-texticon-layout: inline-row; - --spectrum-actionbutton-s-texticon-position: relative; - --spectrum-actionbutton-s-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-texticon-text-transform: none; - --spectrum-actionbutton-s-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-texticon-text-render: yes; - --spectrum-actionbutton-s-black-texticon-text-order: 2; - --spectrum-actionbutton-s-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-texticon-text-text-transform: none; - --spectrum-actionbutton-s-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-texticon-icon-render: yes; - --spectrum-actionbutton-s-black-texticon-icon-order: 1; - --spectrum-actionbutton-s-black-texticon-icon-type: icon; - --spectrum-actionbutton-s-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-texticon-layout: inline-row; - --spectrum-actionbutton-s-black-texticon-position: relative; - --spectrum-actionbutton-s-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-s-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-s-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-texticon-text-transform: none; - --spectrum-actionbutton-s-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-texticon-text-render: yes; - --spectrum-actionbutton-s-white-texticon-text-order: 2; - --spectrum-actionbutton-s-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-texticon-text-text-transform: none; - --spectrum-actionbutton-s-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-s-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-texticon-icon-render: yes; - --spectrum-actionbutton-s-white-texticon-icon-order: 1; - --spectrum-actionbutton-s-white-texticon-icon-type: icon; - --spectrum-actionbutton-s-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-texticon-layout: inline-row; - --spectrum-actionbutton-s-white-texticon-position: relative; - --spectrum-actionbutton-s-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-textonly-position: relative; - --spectrum-actionbutton-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-textonly-position: relative; - --spectrum-actionbutton-s-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-s-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-s-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-s-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-textonly-position: relative; - --spectrum-actionbutton-s-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-s-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-s-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-textonly-text-transform: none; - --spectrum-actionbutton-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-textonly-text-render: yes; - --spectrum-actionbutton-s-textonly-text-order: 2; - --spectrum-actionbutton-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-textonly-text-text-transform: none; - --spectrum-actionbutton-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-textonly-icon-render: no; - --spectrum-actionbutton-s-textonly-icon-order: 1; - --spectrum-actionbutton-s-textonly-icon-type: icon; - --spectrum-actionbutton-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-textonly-layout: inline-row; - --spectrum-actionbutton-s-textonly-position: relative; - --spectrum-actionbutton-s-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-textonly-text-transform: none; - --spectrum-actionbutton-s-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-textonly-text-render: yes; - --spectrum-actionbutton-s-black-textonly-text-order: 2; - --spectrum-actionbutton-s-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-textonly-text-text-transform: none; - --spectrum-actionbutton-s-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-textonly-icon-render: no; - --spectrum-actionbutton-s-black-textonly-icon-order: 1; - --spectrum-actionbutton-s-black-textonly-icon-type: icon; - --spectrum-actionbutton-s-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-textonly-layout: inline-row; - --spectrum-actionbutton-s-black-textonly-position: relative; - --spectrum-actionbutton-s-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-s-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-s-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-textonly-text-transform: none; - --spectrum-actionbutton-s-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-textonly-text-render: yes; - --spectrum-actionbutton-s-white-textonly-text-order: 2; - --spectrum-actionbutton-s-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-textonly-text-text-transform: none; - --spectrum-actionbutton-s-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-s-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-textonly-icon-render: no; - --spectrum-actionbutton-s-white-textonly-icon-order: 1; - --spectrum-actionbutton-s-white-textonly-icon-type: icon; - --spectrum-actionbutton-s-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-textonly-layout: inline-row; - --spectrum-actionbutton-s-white-textonly-position: relative; - --spectrum-actionbutton-s-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-s-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-s-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-s-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-s-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-s-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-s-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-s-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-s-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-icononly-position: relative; - --spectrum-actionbutton-s-quiet-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-s-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-black-icononly-position: relative; - --spectrum-actionbutton-s-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-s-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-s-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-s-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-quiet-white-icononly-position: relative; - --spectrum-actionbutton-s-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-s-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-s-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-s-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-s-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-s-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-s-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-s-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-s-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-s-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-s-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-s-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-s-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-s-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-s-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-s-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-s-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-s-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-s-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-s-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-s-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-s-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-s-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-s-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-s-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-s-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-s-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-s-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-s-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-s-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-s-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-s-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-s-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-s-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-s-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-s-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-s-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-s-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-s-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-s-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-s-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-s-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-s-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-s-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-icononly-text-transform: none; - --spectrum-actionbutton-s-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-icononly-text-render: no; - --spectrum-actionbutton-s-icononly-text-order: 2; - --spectrum-actionbutton-s-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-icononly-text-text-transform: none; - --spectrum-actionbutton-s-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-icononly-icon-render: yes; - --spectrum-actionbutton-s-icononly-icon-order: 1; - --spectrum-actionbutton-s-icononly-icon-type: icon; - --spectrum-actionbutton-s-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-icononly-layout: inline-row; - --spectrum-actionbutton-s-icononly-position: relative; - --spectrum-actionbutton-s-icononly-min-width: 0; - --spectrum-actionbutton-s-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-s-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-s-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-s-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-s-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-s-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-s-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-s-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-s-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-s-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-s-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-s-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-s-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-s-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-black-icononly-text-transform: none; - --spectrum-actionbutton-s-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-icononly-text-render: no; - --spectrum-actionbutton-s-black-icononly-text-order: 2; - --spectrum-actionbutton-s-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-black-icononly-text-text-transform: none; - --spectrum-actionbutton-s-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-black-icononly-icon-render: yes; - --spectrum-actionbutton-s-black-icononly-icon-order: 1; - --spectrum-actionbutton-s-black-icononly-icon-type: icon; - --spectrum-actionbutton-s-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-black-icononly-layout: inline-row; - --spectrum-actionbutton-s-black-icononly-position: relative; - --spectrum-actionbutton-s-black-icononly-min-width: 0; - --spectrum-actionbutton-s-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-black-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-s-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-s-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-s-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-s-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-s-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-s-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-s-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-s-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-s-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-s-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-s-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-s-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-s-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-s-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-s-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-s-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-s-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-s-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-s-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-s-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-s-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-s-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-s-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-s-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-s-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-s-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-s-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-s-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-s-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-s-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-s-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-actionbutton-s-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-s-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-s-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-s-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-s-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-75); - --spectrum-actionbutton-s-white-icononly-text-transform: none; - --spectrum-actionbutton-s-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-icononly-text-render: no; - --spectrum-actionbutton-s-white-icononly-text-order: 2; - --spectrum-actionbutton-s-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-s-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-s-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-s-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-s-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-s-white-icononly-text-text-transform: none; - --spectrum-actionbutton-s-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-actionbutton-s-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-s-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-s-white-icononly-icon-render: yes; - --spectrum-actionbutton-s-white-icononly-icon-order: 1; - --spectrum-actionbutton-s-white-icononly-icon-type: icon; - --spectrum-actionbutton-s-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-actionbutton-s-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-s-white-icononly-layout: inline-row; - --spectrum-actionbutton-s-white-icononly-position: relative; - --spectrum-actionbutton-s-white-icononly-min-width: 0; - --spectrum-actionbutton-s-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-s-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-actionbutton-s-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-s-white-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-s-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-texticon-position: relative; - --spectrum-actionbutton-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-texticon-position: relative; - --spectrum-actionbutton-m-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-m-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-m-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-m-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-texticon-position: relative; - --spectrum-actionbutton-m-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-m-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-texticon-text-transform: none; - --spectrum-actionbutton-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-texticon-text-render: yes; - --spectrum-actionbutton-m-texticon-text-order: 2; - --spectrum-actionbutton-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-texticon-text-text-transform: none; - --spectrum-actionbutton-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-texticon-icon-render: yes; - --spectrum-actionbutton-m-texticon-icon-order: 1; - --spectrum-actionbutton-m-texticon-icon-type: icon; - --spectrum-actionbutton-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-texticon-layout: inline-row; - --spectrum-actionbutton-m-texticon-position: relative; - --spectrum-actionbutton-m-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-texticon-text-transform: none; - --spectrum-actionbutton-m-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-texticon-text-render: yes; - --spectrum-actionbutton-m-black-texticon-text-order: 2; - --spectrum-actionbutton-m-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-texticon-text-text-transform: none; - --spectrum-actionbutton-m-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-texticon-icon-render: yes; - --spectrum-actionbutton-m-black-texticon-icon-order: 1; - --spectrum-actionbutton-m-black-texticon-icon-type: icon; - --spectrum-actionbutton-m-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-texticon-layout: inline-row; - --spectrum-actionbutton-m-black-texticon-position: relative; - --spectrum-actionbutton-m-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-m-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-m-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-texticon-text-transform: none; - --spectrum-actionbutton-m-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-texticon-text-render: yes; - --spectrum-actionbutton-m-white-texticon-text-order: 2; - --spectrum-actionbutton-m-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-texticon-text-text-transform: none; - --spectrum-actionbutton-m-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-m-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-texticon-icon-render: yes; - --spectrum-actionbutton-m-white-texticon-icon-order: 1; - --spectrum-actionbutton-m-white-texticon-icon-type: icon; - --spectrum-actionbutton-m-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-texticon-layout: inline-row; - --spectrum-actionbutton-m-white-texticon-position: relative; - --spectrum-actionbutton-m-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-textonly-position: relative; - --spectrum-actionbutton-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-textonly-position: relative; - --spectrum-actionbutton-m-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-m-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-m-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-m-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-m-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-textonly-position: relative; - --spectrum-actionbutton-m-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-m-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-m-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-textonly-text-transform: none; - --spectrum-actionbutton-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-textonly-text-render: yes; - --spectrum-actionbutton-m-textonly-text-order: 2; - --spectrum-actionbutton-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-textonly-text-text-transform: none; - --spectrum-actionbutton-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-textonly-icon-render: no; - --spectrum-actionbutton-m-textonly-icon-order: 1; - --spectrum-actionbutton-m-textonly-icon-type: icon; - --spectrum-actionbutton-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-textonly-layout: inline-row; - --spectrum-actionbutton-m-textonly-position: relative; - --spectrum-actionbutton-m-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-textonly-text-transform: none; - --spectrum-actionbutton-m-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-textonly-text-render: yes; - --spectrum-actionbutton-m-black-textonly-text-order: 2; - --spectrum-actionbutton-m-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-textonly-text-text-transform: none; - --spectrum-actionbutton-m-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-textonly-icon-render: no; - --spectrum-actionbutton-m-black-textonly-icon-order: 1; - --spectrum-actionbutton-m-black-textonly-icon-type: icon; - --spectrum-actionbutton-m-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-textonly-layout: inline-row; - --spectrum-actionbutton-m-black-textonly-position: relative; - --spectrum-actionbutton-m-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-m-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-m-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-textonly-text-transform: none; - --spectrum-actionbutton-m-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-textonly-text-render: yes; - --spectrum-actionbutton-m-white-textonly-text-order: 2; - --spectrum-actionbutton-m-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-textonly-text-text-transform: none; - --spectrum-actionbutton-m-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-m-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-textonly-icon-render: no; - --spectrum-actionbutton-m-white-textonly-icon-order: 1; - --spectrum-actionbutton-m-white-textonly-icon-type: icon; - --spectrum-actionbutton-m-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-textonly-layout: inline-row; - --spectrum-actionbutton-m-white-textonly-position: relative; - --spectrum-actionbutton-m-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-m-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-m-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-m-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-m-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-m-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-m-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-m-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-icononly-position: relative; - --spectrum-actionbutton-m-quiet-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-m-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-black-icononly-position: relative; - --spectrum-actionbutton-m-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-m-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-m-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-m-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-m-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-quiet-white-icononly-position: relative; - --spectrum-actionbutton-m-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-m-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-m-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-m-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-m-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-m-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-m-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-m-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-m-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-m-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-m-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-m-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-m-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-m-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-m-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-m-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-m-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-m-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-m-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-m-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-m-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-m-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-m-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-m-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-m-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-m-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-m-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-m-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-m-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-m-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-m-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-m-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-m-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-m-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-m-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-m-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-m-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-m-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-m-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-m-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-m-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-m-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-m-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-m-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-m-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-icononly-text-transform: none; - --spectrum-actionbutton-m-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-icononly-text-render: no; - --spectrum-actionbutton-m-icononly-text-order: 2; - --spectrum-actionbutton-m-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-icononly-text-text-transform: none; - --spectrum-actionbutton-m-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-icononly-icon-render: yes; - --spectrum-actionbutton-m-icononly-icon-order: 1; - --spectrum-actionbutton-m-icononly-icon-type: icon; - --spectrum-actionbutton-m-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-icononly-layout: inline-row; - --spectrum-actionbutton-m-icononly-position: relative; - --spectrum-actionbutton-m-icononly-min-width: 0; - --spectrum-actionbutton-m-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-m-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-m-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-m-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-m-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-m-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-m-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-m-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-m-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-m-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-m-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-m-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-m-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-m-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-black-icononly-text-transform: none; - --spectrum-actionbutton-m-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-icononly-text-render: no; - --spectrum-actionbutton-m-black-icononly-text-order: 2; - --spectrum-actionbutton-m-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-black-icononly-text-text-transform: none; - --spectrum-actionbutton-m-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-black-icononly-icon-render: yes; - --spectrum-actionbutton-m-black-icononly-icon-order: 1; - --spectrum-actionbutton-m-black-icononly-icon-type: icon; - --spectrum-actionbutton-m-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-black-icononly-layout: inline-row; - --spectrum-actionbutton-m-black-icononly-position: relative; - --spectrum-actionbutton-m-black-icononly-min-width: 0; - --spectrum-actionbutton-m-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-black-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-m-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-m-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-m-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-m-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-m-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-m-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-m-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-m-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-m-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-m-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-m-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-m-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-m-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-m-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-m-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-m-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-m-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-m-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-m-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-m-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-m-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-m-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-m-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-m-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-m-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-m-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-m-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-m-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-m-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-m-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-m-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-actionbutton-m-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-m-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-m-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-m-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-m-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-actionbutton-m-white-icononly-text-transform: none; - --spectrum-actionbutton-m-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-icononly-text-render: no; - --spectrum-actionbutton-m-white-icononly-text-order: 2; - --spectrum-actionbutton-m-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-m-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-m-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-m-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-m-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-m-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-m-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-m-white-icononly-text-text-transform: none; - --spectrum-actionbutton-m-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-actionbutton-m-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-m-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-m-white-icononly-icon-render: yes; - --spectrum-actionbutton-m-white-icononly-icon-order: 1; - --spectrum-actionbutton-m-white-icononly-icon-type: icon; - --spectrum-actionbutton-m-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-m-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-m-white-icononly-layout: inline-row; - --spectrum-actionbutton-m-white-icononly-position: relative; - --spectrum-actionbutton-m-white-icononly-min-width: 0; - --spectrum-actionbutton-m-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-actionbutton-m-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-m-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-m-white-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-m-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-texticon-position: relative; - --spectrum-actionbutton-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-texticon-position: relative; - --spectrum-actionbutton-l-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-l-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-l-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-texticon-position: relative; - --spectrum-actionbutton-l-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-l-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-texticon-text-transform: none; - --spectrum-actionbutton-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-texticon-text-render: yes; - --spectrum-actionbutton-l-texticon-text-order: 2; - --spectrum-actionbutton-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-texticon-text-text-transform: none; - --spectrum-actionbutton-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-texticon-icon-render: yes; - --spectrum-actionbutton-l-texticon-icon-order: 1; - --spectrum-actionbutton-l-texticon-icon-type: icon; - --spectrum-actionbutton-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-texticon-layout: inline-row; - --spectrum-actionbutton-l-texticon-position: relative; - --spectrum-actionbutton-l-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-texticon-text-transform: none; - --spectrum-actionbutton-l-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-texticon-text-render: yes; - --spectrum-actionbutton-l-black-texticon-text-order: 2; - --spectrum-actionbutton-l-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-texticon-text-text-transform: none; - --spectrum-actionbutton-l-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-texticon-icon-render: yes; - --spectrum-actionbutton-l-black-texticon-icon-order: 1; - --spectrum-actionbutton-l-black-texticon-icon-type: icon; - --spectrum-actionbutton-l-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-texticon-layout: inline-row; - --spectrum-actionbutton-l-black-texticon-position: relative; - --spectrum-actionbutton-l-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-l-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-l-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-texticon-text-transform: none; - --spectrum-actionbutton-l-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-texticon-text-render: yes; - --spectrum-actionbutton-l-white-texticon-text-order: 2; - --spectrum-actionbutton-l-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-texticon-text-text-transform: none; - --spectrum-actionbutton-l-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-l-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-texticon-icon-render: yes; - --spectrum-actionbutton-l-white-texticon-icon-order: 1; - --spectrum-actionbutton-l-white-texticon-icon-type: icon; - --spectrum-actionbutton-l-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-texticon-layout: inline-row; - --spectrum-actionbutton-l-white-texticon-position: relative; - --spectrum-actionbutton-l-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-textonly-position: relative; - --spectrum-actionbutton-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-textonly-position: relative; - --spectrum-actionbutton-l-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-l-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-l-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-l-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-textonly-position: relative; - --spectrum-actionbutton-l-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-l-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-l-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-textonly-text-transform: none; - --spectrum-actionbutton-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-textonly-text-render: yes; - --spectrum-actionbutton-l-textonly-text-order: 2; - --spectrum-actionbutton-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-textonly-text-text-transform: none; - --spectrum-actionbutton-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-textonly-icon-render: no; - --spectrum-actionbutton-l-textonly-icon-order: 1; - --spectrum-actionbutton-l-textonly-icon-type: icon; - --spectrum-actionbutton-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-textonly-layout: inline-row; - --spectrum-actionbutton-l-textonly-position: relative; - --spectrum-actionbutton-l-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-textonly-text-transform: none; - --spectrum-actionbutton-l-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-textonly-text-render: yes; - --spectrum-actionbutton-l-black-textonly-text-order: 2; - --spectrum-actionbutton-l-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-textonly-text-text-transform: none; - --spectrum-actionbutton-l-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-textonly-icon-render: no; - --spectrum-actionbutton-l-black-textonly-icon-order: 1; - --spectrum-actionbutton-l-black-textonly-icon-type: icon; - --spectrum-actionbutton-l-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-textonly-layout: inline-row; - --spectrum-actionbutton-l-black-textonly-position: relative; - --spectrum-actionbutton-l-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-l-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-l-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-textonly-text-transform: none; - --spectrum-actionbutton-l-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-textonly-text-render: yes; - --spectrum-actionbutton-l-white-textonly-text-order: 2; - --spectrum-actionbutton-l-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-textonly-text-text-transform: none; - --spectrum-actionbutton-l-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-l-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-textonly-icon-render: no; - --spectrum-actionbutton-l-white-textonly-icon-order: 1; - --spectrum-actionbutton-l-white-textonly-icon-type: icon; - --spectrum-actionbutton-l-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-textonly-layout: inline-row; - --spectrum-actionbutton-l-white-textonly-position: relative; - --spectrum-actionbutton-l-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-l-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-l-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-l-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-l-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-l-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-l-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-l-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-l-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-icononly-position: relative; - --spectrum-actionbutton-l-quiet-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-l-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-black-icononly-position: relative; - --spectrum-actionbutton-l-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-l-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-l-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-l-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-quiet-white-icononly-position: relative; - --spectrum-actionbutton-l-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-l-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-l-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-l-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-l-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-l-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-l-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-l-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-l-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-l-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-l-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-l-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-l-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-l-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-l-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-l-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-l-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-l-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-l-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-l-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-l-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-l-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-l-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-l-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-l-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-l-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-l-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-l-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-l-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-l-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-l-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-l-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-l-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-l-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-l-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-l-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-l-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-l-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-l-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-l-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-l-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-l-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-l-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-l-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-icononly-text-transform: none; - --spectrum-actionbutton-l-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-icononly-text-render: no; - --spectrum-actionbutton-l-icononly-text-order: 2; - --spectrum-actionbutton-l-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-icononly-text-text-transform: none; - --spectrum-actionbutton-l-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-icononly-icon-render: yes; - --spectrum-actionbutton-l-icononly-icon-order: 1; - --spectrum-actionbutton-l-icononly-icon-type: icon; - --spectrum-actionbutton-l-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-icononly-layout: inline-row; - --spectrum-actionbutton-l-icononly-position: relative; - --spectrum-actionbutton-l-icononly-min-width: 0; - --spectrum-actionbutton-l-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-l-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-l-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-l-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-l-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-l-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-l-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-l-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-l-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-l-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-l-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-l-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-l-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-l-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-black-icononly-text-transform: none; - --spectrum-actionbutton-l-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-icononly-text-render: no; - --spectrum-actionbutton-l-black-icononly-text-order: 2; - --spectrum-actionbutton-l-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-black-icononly-text-text-transform: none; - --spectrum-actionbutton-l-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-black-icononly-icon-render: yes; - --spectrum-actionbutton-l-black-icononly-icon-order: 1; - --spectrum-actionbutton-l-black-icononly-icon-type: icon; - --spectrum-actionbutton-l-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-black-icononly-layout: inline-row; - --spectrum-actionbutton-l-black-icononly-position: relative; - --spectrum-actionbutton-l-black-icononly-min-width: 0; - --spectrum-actionbutton-l-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-black-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-l-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-l-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-l-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-l-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-l-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-l-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-l-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-l-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-l-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-l-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-l-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-l-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-l-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-l-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-l-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-l-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-l-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-l-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-l-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-l-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-l-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-l-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-l-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-l-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-l-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-l-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-l-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-l-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-l-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-l-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-l-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-actionbutton-l-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-l-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-l-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-l-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-l-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-200); - --spectrum-actionbutton-l-white-icononly-text-transform: none; - --spectrum-actionbutton-l-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-icononly-text-render: no; - --spectrum-actionbutton-l-white-icononly-text-order: 2; - --spectrum-actionbutton-l-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-actionbutton-l-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-l-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-l-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-l-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-l-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-l-white-icononly-text-text-transform: none; - --spectrum-actionbutton-l-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-actionbutton-l-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-l-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-l-white-icononly-icon-render: yes; - --spectrum-actionbutton-l-white-icononly-icon-order: 1; - --spectrum-actionbutton-l-white-icononly-icon-type: icon; - --spectrum-actionbutton-l-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-l-white-icononly-layout: inline-row; - --spectrum-actionbutton-l-white-icononly-position: relative; - --spectrum-actionbutton-l-white-icononly-min-width: 0; - --spectrum-actionbutton-l-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-actionbutton-l-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-l-white-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-l-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-texticon-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-texticon-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-texticon-position: relative; - --spectrum-actionbutton-xl-quiet-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-texticon-position: relative; - --spectrum-actionbutton-xl-emphasized-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-texticon-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-texticon-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-texticon-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-texticon-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-texticon-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-texticon-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-texticon-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-texticon-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-texticon-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-texticon-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-texticon-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-texticon-text-transform: none; - --spectrum-actionbutton-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-texticon-text-render: yes; - --spectrum-actionbutton-xl-texticon-text-order: 2; - --spectrum-actionbutton-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-texticon-icon-render: yes; - --spectrum-actionbutton-xl-texticon-icon-order: 1; - --spectrum-actionbutton-xl-texticon-icon-type: icon; - --spectrum-actionbutton-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-texticon-layout: inline-row; - --spectrum-actionbutton-xl-texticon-position: relative; - --spectrum-actionbutton-xl-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-black-texticon-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-texticon-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-black-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-texticon-text-transform: none; - --spectrum-actionbutton-xl-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-texticon-text-render: yes; - --spectrum-actionbutton-xl-black-texticon-text-order: 2; - --spectrum-actionbutton-xl-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-texticon-icon-render: yes; - --spectrum-actionbutton-xl-black-texticon-icon-order: 1; - --spectrum-actionbutton-xl-black-texticon-icon-type: icon; - --spectrum-actionbutton-xl-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-texticon-layout: inline-row; - --spectrum-actionbutton-xl-black-texticon-position: relative; - --spectrum-actionbutton-xl-black-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-texticon-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-texticon-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-texticon-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-texticon-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-texticon-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-texticon-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-texticon-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-texticon-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-texticon-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render: no; - --spectrum-actionbutton-xl-white-texticon-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-texticon-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-texticon-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-texticon-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-texticon-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-texticon-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-texticon-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-texticon-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-texticon-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-texticon-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-texticon-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-texticon-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-texticon-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-texticon-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-texticon-hold-icon-render: no; - --spectrum-actionbutton-xl-white-texticon-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-texticon-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-texticon-text-transform: none; - --spectrum-actionbutton-xl-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-texticon-text-render: yes; - --spectrum-actionbutton-xl-white-texticon-text-order: 2; - --spectrum-actionbutton-xl-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-texticon-text-text-transform: none; - --spectrum-actionbutton-xl-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-texticon-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-texticon-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-texticon-icon-render: yes; - --spectrum-actionbutton-xl-white-texticon-icon-order: 1; - --spectrum-actionbutton-xl-white-texticon-icon-type: icon; - --spectrum-actionbutton-xl-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-texticon-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-texticon-layout: inline-row; - --spectrum-actionbutton-xl-white-texticon-position: relative; - --spectrum-actionbutton-xl-white-texticon-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-textonly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-textonly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-quiet-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-textonly-position: relative; - --spectrum-actionbutton-xl-quiet-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-quiet-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-textonly-position: relative; - --spectrum-actionbutton-xl-emphasized-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-emphasized-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-textonly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-textonly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-textonly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-textonly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-textonly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-textonly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-textonly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-textonly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-textonly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-textonly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-textonly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-textonly-text-transform: none; - --spectrum-actionbutton-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-textonly-text-render: yes; - --spectrum-actionbutton-xl-textonly-text-order: 2; - --spectrum-actionbutton-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-textonly-icon-render: no; - --spectrum-actionbutton-xl-textonly-icon-order: 1; - --spectrum-actionbutton-xl-textonly-icon-type: icon; - --spectrum-actionbutton-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-textonly-layout: inline-row; - --spectrum-actionbutton-xl-textonly-position: relative; - --spectrum-actionbutton-xl-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-black-textonly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-textonly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-black-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-textonly-text-transform: none; - --spectrum-actionbutton-xl-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-textonly-text-render: yes; - --spectrum-actionbutton-xl-black-textonly-text-order: 2; - --spectrum-actionbutton-xl-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-textonly-icon-render: no; - --spectrum-actionbutton-xl-black-textonly-icon-order: 1; - --spectrum-actionbutton-xl-black-textonly-icon-type: icon; - --spectrum-actionbutton-xl-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-textonly-layout: inline-row; - --spectrum-actionbutton-xl-black-textonly-position: relative; - --spectrum-actionbutton-xl-black-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-textonly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-textonly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-textonly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-textonly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-textonly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-textonly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-textonly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-textonly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-textonly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render: no; - --spectrum-actionbutton-xl-white-textonly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-textonly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-textonly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-textonly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-textonly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-textonly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-textonly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-textonly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-textonly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-textonly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-textonly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-textonly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-textonly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-textonly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-textonly-hold-icon-render: no; - --spectrum-actionbutton-xl-white-textonly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-textonly-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-textonly-text-transform: none; - --spectrum-actionbutton-xl-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-textonly-text-render: yes; - --spectrum-actionbutton-xl-white-textonly-text-order: 2; - --spectrum-actionbutton-xl-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-textonly-text-text-transform: none; - --spectrum-actionbutton-xl-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-textonly-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-textonly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-textonly-icon-render: no; - --spectrum-actionbutton-xl-white-textonly-icon-order: 1; - --spectrum-actionbutton-xl-white-textonly-icon-type: icon; - --spectrum-actionbutton-xl-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-textonly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-textonly-layout: inline-row; - --spectrum-actionbutton-xl-white-textonly-position: relative; - --spectrum-actionbutton-xl-white-textonly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-actionbutton-xl-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-quiet-selected-disabled); - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-quiet-selected-down); - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-quiet-selected-hover); - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-quiet-selected-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-quiet-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-actionbutton-xl-quiet-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-quiet-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-actionbutton-xl-quiet-icononly-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-actionbutton-xl-quiet-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-icononly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-actionbutton-xl-quiet-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-actionbutton-xl-quiet-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-down: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-hover: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-actionbutton-xl-quiet-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-black-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-black-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-black-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-disabled: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-down: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-down: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-hover: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-hover: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-key-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-actionbutton-xl-quiet-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-quiet-white-icononly-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-quiet-white-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-text-render: no; - --spectrum-actionbutton-xl-quiet-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-quiet-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-quiet-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-quiet-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-quiet-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-quiet-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-quiet-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-quiet-white-icononly-position: relative; - --spectrum-actionbutton-xl-quiet-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-quiet-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-quiet-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-quiet-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-quiet-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-quiet-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-emphasized-selected-down); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-emphasized-selected-hover); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-emphasized-selected-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-black-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-render: no; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-emphasized-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-emphasized-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-emphasized-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-emphasized-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-emphasized-white-icononly-position: relative; - --spectrum-actionbutton-xl-emphasized-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-emphasized-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-emphasized-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-emphasized-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-emphasized-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-emphasized-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-actionbutton-xl-icononly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-icononly-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-icononly-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-icononly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-icononly-border-color-selected-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-icononly-background-color-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-down: var(--spectrum-alias-component-text-color-selected-down); - --spectrum-actionbutton-xl-icononly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-icononly-border-color-selected-down: var(--spectrum-alias-component-border-color-selected-down); - --spectrum-actionbutton-xl-icononly-background-color-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-actionbutton-xl-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-hover: var(--spectrum-alias-component-text-color-selected-hover); - --spectrum-actionbutton-xl-icononly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-icononly-border-color-selected-hover: var(--spectrum-alias-component-border-color-selected-hover); - --spectrum-actionbutton-xl-icononly-background-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-actionbutton-xl-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-icononly-border-color-selected-key-focus: var(--spectrum-alias-component-border-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-background-color-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-actionbutton-xl-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-selected-mouse-focus); - --spectrum-actionbutton-xl-icononly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-actionbutton-xl-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-actionbutton-xl-icononly-background-color-selected-mouse-focus: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-actionbutton-xl-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-actionbutton-xl-icononly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-actionbutton-xl-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-icononly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-actionbutton-xl-icononly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-actionbutton-xl-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-icononly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-actionbutton-xl-icononly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-actionbutton-xl-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-icononly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-icononly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-icononly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-actionbutton-xl-icononly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-actionbutton-xl-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-down: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-icononly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-actionbutton-xl-icononly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-actionbutton-xl-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-icononly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-actionbutton-xl-icononly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-actionbutton-xl-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-icononly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-actionbutton-xl-icononly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-actionbutton-xl-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-icononly-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-icononly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-actionbutton-xl-icononly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-actionbutton-xl-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-icononly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-actionbutton-xl-icononly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-actionbutton-xl-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-icononly-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-actionbutton-xl-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-actionbutton-xl-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size); - --spectrum-actionbutton-xl-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap); - --spectrum-actionbutton-xl-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-icononly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-default); - --spectrum-actionbutton-xl-icononly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-actionbutton-xl-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-icononly-text-transform: none; - --spectrum-actionbutton-xl-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-icononly-text-render: no; - --spectrum-actionbutton-xl-icononly-text-order: 2; - --spectrum-actionbutton-xl-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-icononly-icon-render: yes; - --spectrum-actionbutton-xl-icononly-icon-order: 1; - --spectrum-actionbutton-xl-icononly-icon-type: icon; - --spectrum-actionbutton-xl-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-icononly-layout: inline-row; - --spectrum-actionbutton-xl-icononly-position: relative; - --spectrum-actionbutton-xl-icononly-min-width: 0; - --spectrum-actionbutton-xl-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-black-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-black-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-selected: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-text-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-black-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected); - --spectrum-actionbutton-xl-black-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-black-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-black-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-black-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-black-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-selected-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-text-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-icon-color-disabled: rgba(0,0,0,0.4); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-black-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled); - --spectrum-actionbutton-xl-black-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled); - --spectrum-actionbutton-xl-black-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-text-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-icon-color: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-black-icononly-border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-black-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticBlack-border-color-down); - --spectrum-actionbutton-xl-black-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticBlack-background-color-down); - --spectrum-actionbutton-xl-black-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-black-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover); - --spectrum-actionbutton-xl-black-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover); - --spectrum-actionbutton-xl-black-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-black-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus); - --spectrum-actionbutton-xl-black-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-black-icononly-hold-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-text-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-icon-color-mouse-focus: rgba(0,0,0,0.9); - --spectrum-actionbutton-xl-black-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-black-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-black-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-border-color-default); - --spectrum-actionbutton-xl-black-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticBlack-background-color-default); - --spectrum-actionbutton-xl-black-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-black-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-black-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-black-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-black-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-black-icononly-text-transform: none; - --spectrum-actionbutton-xl-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-icononly-text-render: no; - --spectrum-actionbutton-xl-black-icononly-text-order: 2; - --spectrum-actionbutton-xl-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-black-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-black-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-black-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-black-icononly-icon-render: yes; - --spectrum-actionbutton-xl-black-icononly-icon-order: 1; - --spectrum-actionbutton-xl-black-icononly-icon-type: icon; - --spectrum-actionbutton-xl-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-black-icononly-layout: inline-row; - --spectrum-actionbutton-xl-black-icononly-position: relative; - --spectrum-actionbutton-xl-black-icononly-min-width: 0; - --spectrum-actionbutton-xl-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-black-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-black-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-actionbutton-xl-white-icononly-border-size-selected: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected: no; - --spectrum-actionbutton-xl-white-icononly-border-color-selected: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-selected: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-border-size-selected-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-text-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-disabled: no; - --spectrum-actionbutton-xl-white-icononly-border-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected); - --spectrum-actionbutton-xl-white-icononly-border-size-selected-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-down: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-down: no; - --spectrum-actionbutton-xl-white-icononly-border-color-selected-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-border-size-selected-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-hover: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-hover: no; - --spectrum-actionbutton-xl-white-icononly-border-color-selected-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-key-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-key-focus: yes; - --spectrum-actionbutton-xl-white-icononly-border-color-selected-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-text-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-icon-color-selected-mouse-focus: inherit; - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-selected-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-selected-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-selected-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-selected-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-selected-mouse-focus: no; - --spectrum-actionbutton-xl-white-icononly-border-color-selected-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-selected-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-text-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-icon-color-disabled: rgba(255,255,255,0.4); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-disabled: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-disabled: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-disabled: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-disabled: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-disabled: no; - --spectrum-actionbutton-xl-white-icononly-border-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled); - --spectrum-actionbutton-xl-white-icononly-background-color-disabled: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled); - --spectrum-actionbutton-xl-white-icononly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-text-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-icon-color: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render: no; - --spectrum-actionbutton-xl-white-icononly-border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-icononly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-down: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-down: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-down: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-down: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-down: no; - --spectrum-actionbutton-xl-white-icononly-border-color-down: var(--spectrum-alias-actionbutton-staticWhite-border-color-down); - --spectrum-actionbutton-xl-white-icononly-background-color-down: var(--spectrum-alias-actionbutton-staticWhite-background-color-down); - --spectrum-actionbutton-xl-white-icononly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-hover: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-hover: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-hover: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-hover: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-hover: no; - --spectrum-actionbutton-xl-white-icononly-border-color-hover: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover); - --spectrum-actionbutton-xl-white-icononly-background-color-hover: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover); - --spectrum-actionbutton-xl-white-icononly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-key-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-key-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-actionbutton-xl-white-icononly-border-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-background-color-key-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus); - --spectrum-actionbutton-xl-white-icononly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-actionbutton-xl-white-icononly-hold-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-text-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-icon-color-mouse-focus: rgba(255,255,255,0.9); - --spectrum-actionbutton-xl-white-icononly-focus-ring-size-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-radius-mouse-focus: var(--spectrum-alias-focus-ring-border-radius-regular); - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-color-mouse-focus: transparent; - --spectrum-actionbutton-xl-white-icononly-focus-ring-border-width-mouse-focus: var(--spectrum-alias-component-focusring-size-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-alias-component-focusring-gap-emphasized); - --spectrum-actionbutton-xl-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-actionbutton-xl-white-icononly-border-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-border-color-default); - --spectrum-actionbutton-xl-white-icononly-background-color-mouse-focus: var(--spectrum-alias-actionbutton-staticWhite-background-color-default); - --spectrum-actionbutton-xl-white-icononly-hold-icon-margin-right: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-padding-right: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-icononly-hold-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-actionbutton-xl-white-icononly-hold-icon-type: ui-icon; - --spectrum-actionbutton-xl-white-icononly-hold-icon-render: no; - --spectrum-actionbutton-xl-white-icononly-hold-icon-position: absolute; - --spectrum-actionbutton-xl-white-icononly-hold-icon-right: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-300); - --spectrum-actionbutton-xl-white-icononly-text-transform: none; - --spectrum-actionbutton-xl-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-icononly-text-render: no; - --spectrum-actionbutton-xl-white-icononly-text-order: 2; - --spectrum-actionbutton-xl-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-actionbutton-xl-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-actionbutton-xl-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-actionbutton-xl-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-actionbutton-xl-white-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-actionbutton-xl-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-actionbutton-xl-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-actionbutton-xl-white-icononly-text-text-transform: none; - --spectrum-actionbutton-xl-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-actionbutton-xl-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-icon-margin-top: 0; - --spectrum-actionbutton-xl-white-icononly-icon-margin-bottom: 0; - --spectrum-actionbutton-xl-white-icononly-icon-render: yes; - --spectrum-actionbutton-xl-white-icononly-icon-order: 1; - --spectrum-actionbutton-xl-white-icononly-icon-type: icon; - --spectrum-actionbutton-xl-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-actionbutton-xl-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-icononly-focus-ring-type: focusring; - --spectrum-actionbutton-xl-white-icononly-layout: inline-row; - --spectrum-actionbutton-xl-white-icononly-position: relative; - --spectrum-actionbutton-xl-white-icononly-min-width: 0; - --spectrum-actionbutton-xl-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-xl-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-actionbutton-xl-white-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-actionbutton-xl-white-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-actionbutton-xl-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/vars/css/components/spectrum-actiongroup.css b/components/vars/css/components/spectrum-actiongroup.css deleted file mode 100644 index d8bbdf8996c..00000000000 --- a/components/vars/css/components/spectrum-actiongroup.css +++ /dev/null @@ -1,14 +0,0 @@ -:root { - --spectrum-actiongroup-quiet-compact-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-compact-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-compact-button-gap: var(--spectrum-alias-actiongroup-button-gap-quiet-compact); - --spectrum-actiongroup-quiet-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-quiet-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-quiet-button-gap: var(--spectrum-alias-actiongroup-button-gap-quiet); - --spectrum-actiongroup-compact-button-gap-x: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-compact-button-gap-y: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-compact-button-gap: var(--spectrum-alias-actiongroup-button-gap-compact); - --spectrum-actiongroup-button-gap-x: var(--spectrum-alias-actiongroup-button-gap); - --spectrum-actiongroup-button-gap-y: var(--spectrum-alias-actiongroup-button-gap); - --spectrum-actiongroup-button-gap: var(--spectrum-alias-actiongroup-button-gap); -} diff --git a/components/vars/css/components/spectrum-alertbanner.css b/components/vars/css/components/spectrum-alertbanner.css deleted file mode 100644 index decac2eb8d4..00000000000 --- a/components/vars/css/components/spectrum-alertbanner.css +++ /dev/null @@ -1,128 +0,0 @@ -:root { - --spectrum-alertbanner-neutral-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-neutral-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-alertbanner-neutral-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-neutral-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-neutral-icon-type: icon; - --spectrum-alertbanner-neutral-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-neutral-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-neutral-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-neutral-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-neutral-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-neutral-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-neutral-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-neutral-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-neutral-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-neutral-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-neutral-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-neutral-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-neutral-content-text-transform: none; - --spectrum-alertbanner-neutral-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-neutral-text-transform: none; - --spectrum-alertbanner-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-neutral-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-neutral-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-neutral-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-neutral-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-neutral-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-neutral-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-neutral-layout: inline-row; - --spectrum-alertbanner-neutral-dismiss-duration: 5000ms; - --spectrum-alertbanner-info-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-info-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-alertbanner-info-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-info-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-info-icon-type: icon; - --spectrum-alertbanner-info-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-info-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-info-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-info-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-info-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-info-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-info-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-info-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-info-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-info-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-info-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-info-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-info-content-text-transform: none; - --spectrum-alertbanner-info-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-info-text-transform: none; - --spectrum-alertbanner-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-info-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-info-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-info-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-info-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-info-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-info-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-info-layout: inline-row; - --spectrum-alertbanner-info-dismiss-duration: 5000ms; - --spectrum-alertbanner-negative-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-alertbanner-negative-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alertbanner-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-content-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-alertbanner-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-alertbanner-negative-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-alertbanner-negative-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-alertbanner-negative-icon-type: icon; - --spectrum-alertbanner-negative-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-alertbanner-negative-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-alertbanner-negative-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-alertbanner-negative-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-alertbanner-negative-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-negative-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-negative-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-alertbanner-negative-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-negative-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-negative-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-negative-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-negative-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-negative-content-text-transform: none; - --spectrum-alertbanner-negative-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-alertbanner-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-alertbanner-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-alertbanner-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-alertbanner-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-alertbanner-negative-text-transform: none; - --spectrum-alertbanner-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alertbanner-negative-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-alertbanner-negative-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-alertbanner-negative-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-alertbanner-negative-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-alertbanner-negative-margin-x: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-negative-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-alertbanner-negative-layout: inline-row; - --spectrum-alertbanner-negative-dismiss-duration: 5000ms; -} diff --git a/components/vars/css/components/spectrum-artboard.css b/components/vars/css/components/spectrum-artboard.css deleted file mode 100644 index 17346547f74..00000000000 --- a/components/vars/css/components/spectrum-artboard.css +++ /dev/null @@ -1,23 +0,0 @@ -:root { - --spectrum-artboard-border-color-selected-active: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-down: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-hover: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-active-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-active: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-down: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-hover: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-active-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-artboard-border-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-hover: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-artboard-border-color: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-down: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-artboard-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-asset.css b/components/vars/css/components/spectrum-asset.css deleted file mode 100644 index bb7241ec5ca..00000000000 --- a/components/vars/css/components/spectrum-asset.css +++ /dev/null @@ -1,9 +0,0 @@ -:root { - --spectrum-asset-icon-outline-color: var(--spectrum-global-color-gray-500); - --spectrum-asset-icon-color: var(--spectrum-global-color-gray-500); - --spectrum-asset-folder-background-color: var(--spectrum-global-color-gray-300); - --spectrum-asset-file-background-color: var(--spectrum-global-color-gray-50); - --spectrum-asset-icon-max-width: var(--spectrum-global-dimension-static-size-1000); - --spectrum-asset-icon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-asset-icon-margin: var(--spectrum-global-dimension-size-250); -} diff --git a/components/vars/css/components/spectrum-assetlist.css b/components/vars/css/components/spectrum-assetlist.css deleted file mode 100644 index 5a4260fca2a..00000000000 --- a/components/vars/css/components/spectrum-assetlist.css +++ /dev/null @@ -1,2 +0,0 @@ -:root { -} diff --git a/components/vars/css/components/spectrum-avatar.css b/components/vars/css/components/spectrum-avatar.css deleted file mode 100644 index 020f1df0306..00000000000 --- a/components/vars/css/components/spectrum-avatar.css +++ /dev/null @@ -1,398 +0,0 @@ -:root { - --spectrum-avatar-size-50-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-disabled: no; - --spectrum-avatar-size-50-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-50-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-50-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render: no; - --spectrum-avatar-size-50-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-50-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-down: no; - --spectrum-avatar-size-50-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-50-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-hover: no; - --spectrum-avatar-size-50-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-50-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-50-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-50-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-50-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-50-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-50-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-50-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-50-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-50-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-50-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-50-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-50-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-50-focus-ring-type: focusring; - --spectrum-avatar-size-50-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-50-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-50-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-50-width: var(--spectrum-alias-avatar-size-50); - --spectrum-avatar-size-50-height: var(--spectrum-alias-avatar-size-50); - --spectrum-avatar-size-75-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-disabled: no; - --spectrum-avatar-size-75-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-75-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-75-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render: no; - --spectrum-avatar-size-75-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-75-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-down: no; - --spectrum-avatar-size-75-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-75-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-hover: no; - --spectrum-avatar-size-75-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-75-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-75-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-75-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-75-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-75-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-75-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-75-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-75-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-75-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-75-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-75-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-75-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-75-focus-ring-type: focusring; - --spectrum-avatar-size-75-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-75-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-75-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-75-width: var(--spectrum-alias-avatar-size-75); - --spectrum-avatar-size-75-height: var(--spectrum-alias-avatar-size-75); - --spectrum-avatar-size-100-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-disabled: no; - --spectrum-avatar-size-100-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-100-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-100-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render: no; - --spectrum-avatar-size-100-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-100-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-down: no; - --spectrum-avatar-size-100-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-100-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-hover: no; - --spectrum-avatar-size-100-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-100-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-100-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-100-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-100-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-100-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-100-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-100-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-100-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-100-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-100-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-100-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-100-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-100-focus-ring-type: focusring; - --spectrum-avatar-size-100-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-100-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-100-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-100-width: var(--spectrum-alias-avatar-size-100); - --spectrum-avatar-size-100-height: var(--spectrum-alias-avatar-size-100); - --spectrum-avatar-size-200-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-disabled: no; - --spectrum-avatar-size-200-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-200-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-200-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render: no; - --spectrum-avatar-size-200-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-200-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-down: no; - --spectrum-avatar-size-200-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-200-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-hover: no; - --spectrum-avatar-size-200-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-200-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-200-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-200-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-200-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-200-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-200-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-200-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-200-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-200-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-200-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-200-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-200-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-200-focus-ring-type: focusring; - --spectrum-avatar-size-200-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-200-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-200-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-200-width: var(--spectrum-alias-avatar-size-200); - --spectrum-avatar-size-200-height: var(--spectrum-alias-avatar-size-200); - --spectrum-avatar-size-300-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-disabled: no; - --spectrum-avatar-size-300-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-300-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-300-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render: no; - --spectrum-avatar-size-300-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-300-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-down: no; - --spectrum-avatar-size-300-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-300-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-hover: no; - --spectrum-avatar-size-300-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-300-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-300-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-300-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-300-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-300-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-300-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-300-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-300-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-300-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-300-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-300-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-300-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-300-focus-ring-type: focusring; - --spectrum-avatar-size-300-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-300-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-300-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-300-width: var(--spectrum-alias-avatar-size-300); - --spectrum-avatar-size-300-height: var(--spectrum-alias-avatar-size-300); - --spectrum-avatar-size-400-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-disabled: no; - --spectrum-avatar-size-400-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-400-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-400-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render: no; - --spectrum-avatar-size-400-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-400-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-down: no; - --spectrum-avatar-size-400-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-400-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-hover: no; - --spectrum-avatar-size-400-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-400-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-400-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-400-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-400-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-400-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-400-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-400-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-400-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-400-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-400-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-400-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-400-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-400-focus-ring-type: focusring; - --spectrum-avatar-size-400-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-400-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-400-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-400-width: var(--spectrum-alias-avatar-size-400); - --spectrum-avatar-size-400-height: var(--spectrum-alias-avatar-size-400); - --spectrum-avatar-size-500-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-disabled: no; - --spectrum-avatar-size-500-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-500-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-500-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render: no; - --spectrum-avatar-size-500-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-500-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-down: no; - --spectrum-avatar-size-500-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-500-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-hover: no; - --spectrum-avatar-size-500-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-500-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-500-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-500-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-500-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-500-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-500-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-500-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-500-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-500-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-500-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-500-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-500-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-500-focus-ring-type: focusring; - --spectrum-avatar-size-500-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-500-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-500-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-500-width: var(--spectrum-alias-avatar-size-500); - --spectrum-avatar-size-500-height: var(--spectrum-alias-avatar-size-500); - --spectrum-avatar-size-600-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-disabled: no; - --spectrum-avatar-size-600-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-600-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-600-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render: no; - --spectrum-avatar-size-600-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-600-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-down: no; - --spectrum-avatar-size-600-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-600-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-hover: no; - --spectrum-avatar-size-600-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-600-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-600-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-600-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-600-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-600-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-600-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-600-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-600-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-600-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-600-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-600-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-600-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-600-focus-ring-type: focusring; - --spectrum-avatar-size-600-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-600-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-600-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-600-width: var(--spectrum-alias-avatar-size-600); - --spectrum-avatar-size-600-height: var(--spectrum-alias-avatar-size-600); - --spectrum-avatar-size-700-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-disabled: no; - --spectrum-avatar-size-700-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-disabled: var(--spectrum-alias-avatar-border-color-disabled); - --spectrum-avatar-size-700-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-avatar-size-700-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render: no; - --spectrum-avatar-size-700-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-700-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-down: no; - --spectrum-avatar-size-700-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-down: var(--spectrum-alias-avatar-border-color-down); - --spectrum-avatar-size-700-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-hover: no; - --spectrum-avatar-size-700-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-hover: var(--spectrum-alias-avatar-border-color-hover); - --spectrum-avatar-size-700-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-700-focus-ring-render-key-focus: yes; - --spectrum-avatar-size-700-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-avatar-size-700-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-avatar-size-700-border-color-key-focus: var(--spectrum-alias-avatar-border-color-key-focus); - --spectrum-avatar-size-700-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-focus-ring-render-mouse-focus: no; - --spectrum-avatar-size-700-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-avatar-size-700-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-avatar-size-700-border-color-mouse-focus: var(--spectrum-alias-avatar-border-color-default); - --spectrum-avatar-size-700-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-avatar-size-700-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-700-focus-ring-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-700-focus-ring-type: focusring; - --spectrum-avatar-size-700-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-avatar-size-700-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-avatar-size-700-border-size: var(--spectrum-alias-avatar-border-size); - --spectrum-avatar-size-700-width: var(--spectrum-alias-avatar-size-700); - --spectrum-avatar-size-700-height: var(--spectrum-alias-avatar-size-700); -} diff --git a/components/vars/css/components/spectrum-badge.css b/components/vars/css/components/spectrum-badge.css deleted file mode 100644 index 1fa61daebe4..00000000000 --- a/components/vars/css/components/spectrum-badge.css +++ /dev/null @@ -1,11782 +0,0 @@ -:root { - --spectrum-badge-s-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-texticon-border-color: transparent; - --spectrum-badge-s-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-texticon-text-transform: none; - --spectrum-badge-s-fuchsia-texticon-text-render: yes; - --spectrum-badge-s-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-s-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-texticon-icon-type: icon; - --spectrum-badge-s-fuchsia-texticon-icon-render: yes; - --spectrum-badge-s-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-texticon-layout: inline-row; - --spectrum-badge-s-fuchsia-texticon-height: auto; - --spectrum-badge-s-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-texticon-border-color: transparent; - --spectrum-badge-s-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-texticon-text-transform: none; - --spectrum-badge-s-indigo-texticon-text-render: yes; - --spectrum-badge-s-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-texticon-text-text-transform: none; - --spectrum-badge-s-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-s-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-texticon-icon-type: icon; - --spectrum-badge-s-indigo-texticon-icon-render: yes; - --spectrum-badge-s-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-texticon-layout: inline-row; - --spectrum-badge-s-indigo-texticon-height: auto; - --spectrum-badge-s-indigo-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-texticon-border-color: transparent; - --spectrum-badge-s-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-texticon-text-transform: none; - --spectrum-badge-s-informative-texticon-text-render: yes; - --spectrum-badge-s-informative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-texticon-text-text-transform: none; - --spectrum-badge-s-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-texticon-icon-margin-top: 0; - --spectrum-badge-s-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-informative-texticon-icon-type: icon; - --spectrum-badge-s-informative-texticon-icon-render: yes; - --spectrum-badge-s-informative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-texticon-layout: inline-row; - --spectrum-badge-s-informative-texticon-height: auto; - --spectrum-badge-s-informative-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-texticon-border-color: transparent; - --spectrum-badge-s-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-texticon-text-transform: none; - --spectrum-badge-s-magenta-texticon-text-render: yes; - --spectrum-badge-s-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-texticon-text-text-transform: none; - --spectrum-badge-s-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-s-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-texticon-icon-type: icon; - --spectrum-badge-s-magenta-texticon-icon-render: yes; - --spectrum-badge-s-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-texticon-layout: inline-row; - --spectrum-badge-s-magenta-texticon-height: auto; - --spectrum-badge-s-magenta-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-texticon-border-color: transparent; - --spectrum-badge-s-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-texticon-text-transform: none; - --spectrum-badge-s-negative-texticon-text-render: yes; - --spectrum-badge-s-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-texticon-text-text-transform: none; - --spectrum-badge-s-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-texticon-icon-margin-top: 0; - --spectrum-badge-s-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-negative-texticon-icon-type: icon; - --spectrum-badge-s-negative-texticon-icon-render: yes; - --spectrum-badge-s-negative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-texticon-layout: inline-row; - --spectrum-badge-s-negative-texticon-height: auto; - --spectrum-badge-s-negative-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-texticon-border-color: transparent; - --spectrum-badge-s-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-texticon-text-transform: none; - --spectrum-badge-s-neutral-texticon-text-render: yes; - --spectrum-badge-s-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-texticon-text-text-transform: none; - --spectrum-badge-s-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-s-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-texticon-icon-type: icon; - --spectrum-badge-s-neutral-texticon-icon-render: yes; - --spectrum-badge-s-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-texticon-layout: inline-row; - --spectrum-badge-s-neutral-texticon-height: auto; - --spectrum-badge-s-neutral-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-texticon-border-color: transparent; - --spectrum-badge-s-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-texticon-text-transform: none; - --spectrum-badge-s-positive-texticon-text-render: yes; - --spectrum-badge-s-positive-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-texticon-text-text-transform: none; - --spectrum-badge-s-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-texticon-icon-margin-top: 0; - --spectrum-badge-s-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-positive-texticon-icon-type: icon; - --spectrum-badge-s-positive-texticon-icon-render: yes; - --spectrum-badge-s-positive-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-texticon-layout: inline-row; - --spectrum-badge-s-positive-texticon-height: auto; - --spectrum-badge-s-positive-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-texticon-border-color: transparent; - --spectrum-badge-s-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-texticon-text-transform: none; - --spectrum-badge-s-purple-texticon-text-render: yes; - --spectrum-badge-s-purple-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-texticon-text-text-transform: none; - --spectrum-badge-s-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-texticon-icon-margin-top: 0; - --spectrum-badge-s-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-purple-texticon-icon-type: icon; - --spectrum-badge-s-purple-texticon-icon-render: yes; - --spectrum-badge-s-purple-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-texticon-layout: inline-row; - --spectrum-badge-s-purple-texticon-height: auto; - --spectrum-badge-s-purple-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-texticon-border-color: transparent; - --spectrum-badge-s-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-texticon-text-transform: none; - --spectrum-badge-s-seafoam-texticon-text-render: yes; - --spectrum-badge-s-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-texticon-text-text-transform: none; - --spectrum-badge-s-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-s-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-texticon-icon-type: icon; - --spectrum-badge-s-seafoam-texticon-icon-render: yes; - --spectrum-badge-s-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-texticon-layout: inline-row; - --spectrum-badge-s-seafoam-texticon-height: auto; - --spectrum-badge-s-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-texticon-border-color: transparent; - --spectrum-badge-s-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-texticon-text-transform: none; - --spectrum-badge-s-yellow-texticon-text-render: yes; - --spectrum-badge-s-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-texticon-text-text-transform: none; - --spectrum-badge-s-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-s-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-texticon-icon-type: icon; - --spectrum-badge-s-yellow-texticon-icon-render: yes; - --spectrum-badge-s-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-texticon-layout: inline-row; - --spectrum-badge-s-yellow-texticon-height: auto; - --spectrum-badge-s-yellow-texticon-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-textonly-border-color: transparent; - --spectrum-badge-s-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-textonly-text-transform: none; - --spectrum-badge-s-fuchsia-textonly-text-render: yes; - --spectrum-badge-s-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-s-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-textonly-icon-type: icon; - --spectrum-badge-s-fuchsia-textonly-icon-render: no; - --spectrum-badge-s-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-textonly-layout: inline-row; - --spectrum-badge-s-fuchsia-textonly-height: auto; - --spectrum-badge-s-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-textonly-border-color: transparent; - --spectrum-badge-s-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-textonly-text-transform: none; - --spectrum-badge-s-indigo-textonly-text-render: yes; - --spectrum-badge-s-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-textonly-text-text-transform: none; - --spectrum-badge-s-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-s-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-textonly-icon-type: icon; - --spectrum-badge-s-indigo-textonly-icon-render: no; - --spectrum-badge-s-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-textonly-layout: inline-row; - --spectrum-badge-s-indigo-textonly-height: auto; - --spectrum-badge-s-indigo-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-textonly-border-color: transparent; - --spectrum-badge-s-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-textonly-text-transform: none; - --spectrum-badge-s-informative-textonly-text-render: yes; - --spectrum-badge-s-informative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-textonly-text-text-transform: none; - --spectrum-badge-s-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-textonly-icon-margin-top: 0; - --spectrum-badge-s-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-informative-textonly-icon-type: icon; - --spectrum-badge-s-informative-textonly-icon-render: no; - --spectrum-badge-s-informative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-textonly-layout: inline-row; - --spectrum-badge-s-informative-textonly-height: auto; - --spectrum-badge-s-informative-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-informative-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-textonly-border-color: transparent; - --spectrum-badge-s-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-textonly-text-transform: none; - --spectrum-badge-s-magenta-textonly-text-render: yes; - --spectrum-badge-s-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-textonly-text-text-transform: none; - --spectrum-badge-s-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-s-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-textonly-icon-type: icon; - --spectrum-badge-s-magenta-textonly-icon-render: no; - --spectrum-badge-s-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-textonly-layout: inline-row; - --spectrum-badge-s-magenta-textonly-height: auto; - --spectrum-badge-s-magenta-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-textonly-border-color: transparent; - --spectrum-badge-s-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-textonly-text-transform: none; - --spectrum-badge-s-negative-textonly-text-render: yes; - --spectrum-badge-s-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-textonly-text-text-transform: none; - --spectrum-badge-s-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-textonly-icon-margin-top: 0; - --spectrum-badge-s-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-negative-textonly-icon-type: icon; - --spectrum-badge-s-negative-textonly-icon-render: no; - --spectrum-badge-s-negative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-textonly-layout: inline-row; - --spectrum-badge-s-negative-textonly-height: auto; - --spectrum-badge-s-negative-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-negative-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-textonly-border-color: transparent; - --spectrum-badge-s-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-textonly-text-transform: none; - --spectrum-badge-s-neutral-textonly-text-render: yes; - --spectrum-badge-s-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-textonly-text-text-transform: none; - --spectrum-badge-s-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-s-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-textonly-icon-type: icon; - --spectrum-badge-s-neutral-textonly-icon-render: no; - --spectrum-badge-s-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-textonly-layout: inline-row; - --spectrum-badge-s-neutral-textonly-height: auto; - --spectrum-badge-s-neutral-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-textonly-border-color: transparent; - --spectrum-badge-s-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-textonly-text-transform: none; - --spectrum-badge-s-positive-textonly-text-render: yes; - --spectrum-badge-s-positive-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-textonly-text-text-transform: none; - --spectrum-badge-s-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-textonly-icon-margin-top: 0; - --spectrum-badge-s-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-positive-textonly-icon-type: icon; - --spectrum-badge-s-positive-textonly-icon-render: no; - --spectrum-badge-s-positive-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-textonly-layout: inline-row; - --spectrum-badge-s-positive-textonly-height: auto; - --spectrum-badge-s-positive-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-positive-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-textonly-border-color: transparent; - --spectrum-badge-s-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-textonly-text-transform: none; - --spectrum-badge-s-purple-textonly-text-render: yes; - --spectrum-badge-s-purple-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-textonly-text-text-transform: none; - --spectrum-badge-s-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-textonly-icon-margin-top: 0; - --spectrum-badge-s-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-purple-textonly-icon-type: icon; - --spectrum-badge-s-purple-textonly-icon-render: no; - --spectrum-badge-s-purple-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-textonly-layout: inline-row; - --spectrum-badge-s-purple-textonly-height: auto; - --spectrum-badge-s-purple-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-purple-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-textonly-border-color: transparent; - --spectrum-badge-s-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-textonly-text-transform: none; - --spectrum-badge-s-seafoam-textonly-text-render: yes; - --spectrum-badge-s-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-textonly-text-text-transform: none; - --spectrum-badge-s-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-s-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-textonly-icon-type: icon; - --spectrum-badge-s-seafoam-textonly-icon-render: no; - --spectrum-badge-s-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-textonly-layout: inline-row; - --spectrum-badge-s-seafoam-textonly-height: auto; - --spectrum-badge-s-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-textonly-border-color: transparent; - --spectrum-badge-s-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-textonly-text-transform: none; - --spectrum-badge-s-yellow-textonly-text-render: yes; - --spectrum-badge-s-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-textonly-text-text-transform: none; - --spectrum-badge-s-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-s-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-textonly-icon-type: icon; - --spectrum-badge-s-yellow-textonly-icon-render: no; - --spectrum-badge-s-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-textonly-layout: inline-row; - --spectrum-badge-s-yellow-textonly-height: auto; - --spectrum-badge-s-yellow-textonly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-badge-s-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-s-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-s-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-s-fuchsia-icononly-border-color: transparent; - --spectrum-badge-s-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-icononly-text-transform: none; - --spectrum-badge-s-fuchsia-icononly-text-render: no; - --spectrum-badge-s-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-s-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-s-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-fuchsia-icononly-icon-type: icon; - --spectrum-badge-s-fuchsia-icononly-icon-render: yes; - --spectrum-badge-s-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-fuchsia-icononly-layout: inline-row; - --spectrum-badge-s-fuchsia-icononly-height: auto; - --spectrum-badge-s-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-s-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-s-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-s-indigo-icononly-border-color: transparent; - --spectrum-badge-s-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-icononly-text-transform: none; - --spectrum-badge-s-indigo-icononly-text-render: no; - --spectrum-badge-s-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-indigo-icononly-text-text-transform: none; - --spectrum-badge-s-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-s-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-indigo-icononly-icon-type: icon; - --spectrum-badge-s-indigo-icononly-icon-render: yes; - --spectrum-badge-s-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-indigo-icononly-layout: inline-row; - --spectrum-badge-s-indigo-icononly-height: auto; - --spectrum-badge-s-indigo-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-indigo-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-s-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-s-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-s-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-s-informative-icononly-border-color: transparent; - --spectrum-badge-s-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-icononly-text-transform: none; - --spectrum-badge-s-informative-icononly-text-render: no; - --spectrum-badge-s-informative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-informative-icononly-text-text-transform: none; - --spectrum-badge-s-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-icon-margin-top: 0; - --spectrum-badge-s-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-informative-icononly-icon-type: icon; - --spectrum-badge-s-informative-icononly-icon-render: yes; - --spectrum-badge-s-informative-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-informative-icononly-layout: inline-row; - --spectrum-badge-s-informative-icononly-height: auto; - --spectrum-badge-s-informative-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-informative-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-informative-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-informative-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-s-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-s-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-s-magenta-icononly-border-color: transparent; - --spectrum-badge-s-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-icononly-text-transform: none; - --spectrum-badge-s-magenta-icononly-text-render: no; - --spectrum-badge-s-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-magenta-icononly-text-text-transform: none; - --spectrum-badge-s-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-s-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-magenta-icononly-icon-type: icon; - --spectrum-badge-s-magenta-icononly-icon-render: yes; - --spectrum-badge-s-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-magenta-icononly-layout: inline-row; - --spectrum-badge-s-magenta-icononly-height: auto; - --spectrum-badge-s-magenta-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-magenta-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-s-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-s-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-s-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-s-negative-icononly-border-color: transparent; - --spectrum-badge-s-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-icononly-text-transform: none; - --spectrum-badge-s-negative-icononly-text-render: no; - --spectrum-badge-s-negative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-negative-icononly-text-text-transform: none; - --spectrum-badge-s-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-icon-margin-top: 0; - --spectrum-badge-s-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-negative-icononly-icon-type: icon; - --spectrum-badge-s-negative-icononly-icon-render: yes; - --spectrum-badge-s-negative-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-negative-icononly-layout: inline-row; - --spectrum-badge-s-negative-icononly-height: auto; - --spectrum-badge-s-negative-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-negative-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-negative-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-negative-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-s-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-s-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-s-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-s-neutral-icononly-border-color: transparent; - --spectrum-badge-s-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-icononly-text-transform: none; - --spectrum-badge-s-neutral-icononly-text-render: no; - --spectrum-badge-s-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-neutral-icononly-text-text-transform: none; - --spectrum-badge-s-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-s-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-neutral-icononly-icon-type: icon; - --spectrum-badge-s-neutral-icononly-icon-render: yes; - --spectrum-badge-s-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-neutral-icononly-layout: inline-row; - --spectrum-badge-s-neutral-icononly-height: auto; - --spectrum-badge-s-neutral-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-neutral-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-s-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-s-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-s-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-s-positive-icononly-border-color: transparent; - --spectrum-badge-s-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-icononly-text-transform: none; - --spectrum-badge-s-positive-icononly-text-render: no; - --spectrum-badge-s-positive-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-positive-icononly-text-text-transform: none; - --spectrum-badge-s-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-icon-margin-top: 0; - --spectrum-badge-s-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-positive-icononly-icon-type: icon; - --spectrum-badge-s-positive-icononly-icon-render: yes; - --spectrum-badge-s-positive-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-positive-icononly-layout: inline-row; - --spectrum-badge-s-positive-icononly-height: auto; - --spectrum-badge-s-positive-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-positive-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-positive-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-positive-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-s-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-s-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-s-purple-icononly-border-color: transparent; - --spectrum-badge-s-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-icononly-text-transform: none; - --spectrum-badge-s-purple-icononly-text-render: no; - --spectrum-badge-s-purple-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-purple-icononly-text-text-transform: none; - --spectrum-badge-s-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-icon-margin-top: 0; - --spectrum-badge-s-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-purple-icononly-icon-type: icon; - --spectrum-badge-s-purple-icononly-icon-render: yes; - --spectrum-badge-s-purple-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-purple-icononly-layout: inline-row; - --spectrum-badge-s-purple-icononly-height: auto; - --spectrum-badge-s-purple-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-purple-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-purple-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-purple-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-s-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-s-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-s-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-s-seafoam-icononly-border-color: transparent; - --spectrum-badge-s-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-icononly-text-transform: none; - --spectrum-badge-s-seafoam-icononly-text-render: no; - --spectrum-badge-s-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-seafoam-icononly-text-text-transform: none; - --spectrum-badge-s-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-s-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-seafoam-icononly-icon-type: icon; - --spectrum-badge-s-seafoam-icononly-icon-render: yes; - --spectrum-badge-s-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-seafoam-icononly-layout: inline-row; - --spectrum-badge-s-seafoam-icononly-height: auto; - --spectrum-badge-s-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-seafoam-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-s-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-s-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-s-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-s-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-s-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-s-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-s-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-s-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-s-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-s-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-s-yellow-icononly-border-color: transparent; - --spectrum-badge-s-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-s-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-icononly-text-transform: none; - --spectrum-badge-s-yellow-icononly-text-render: no; - --spectrum-badge-s-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-s-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-s-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-s-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-s-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-s-yellow-icononly-text-text-transform: none; - --spectrum-badge-s-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-badge-s-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-s-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-s-yellow-icononly-icon-type: icon; - --spectrum-badge-s-yellow-icononly-icon-render: yes; - --spectrum-badge-s-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-badge-s-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-s-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-s-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-s-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-s-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-s-yellow-icononly-layout: inline-row; - --spectrum-badge-s-yellow-icononly-height: auto; - --spectrum-badge-s-yellow-icononly-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-badge-s-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-s-yellow-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-badge-s-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-s-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-badge-s-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-badge-m-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-texticon-border-color: transparent; - --spectrum-badge-m-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-texticon-text-transform: none; - --spectrum-badge-m-fuchsia-texticon-text-render: yes; - --spectrum-badge-m-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-m-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-texticon-icon-type: icon; - --spectrum-badge-m-fuchsia-texticon-icon-render: yes; - --spectrum-badge-m-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-texticon-layout: inline-row; - --spectrum-badge-m-fuchsia-texticon-height: auto; - --spectrum-badge-m-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-texticon-border-color: transparent; - --spectrum-badge-m-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-texticon-text-transform: none; - --spectrum-badge-m-indigo-texticon-text-render: yes; - --spectrum-badge-m-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-texticon-text-text-transform: none; - --spectrum-badge-m-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-m-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-texticon-icon-type: icon; - --spectrum-badge-m-indigo-texticon-icon-render: yes; - --spectrum-badge-m-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-texticon-layout: inline-row; - --spectrum-badge-m-indigo-texticon-height: auto; - --spectrum-badge-m-indigo-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-texticon-border-color: transparent; - --spectrum-badge-m-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-texticon-text-transform: none; - --spectrum-badge-m-informative-texticon-text-render: yes; - --spectrum-badge-m-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-texticon-text-text-transform: none; - --spectrum-badge-m-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-texticon-icon-margin-top: 0; - --spectrum-badge-m-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-informative-texticon-icon-type: icon; - --spectrum-badge-m-informative-texticon-icon-render: yes; - --spectrum-badge-m-informative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-texticon-layout: inline-row; - --spectrum-badge-m-informative-texticon-height: auto; - --spectrum-badge-m-informative-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-texticon-border-color: transparent; - --spectrum-badge-m-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-texticon-text-transform: none; - --spectrum-badge-m-magenta-texticon-text-render: yes; - --spectrum-badge-m-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-texticon-text-text-transform: none; - --spectrum-badge-m-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-m-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-texticon-icon-type: icon; - --spectrum-badge-m-magenta-texticon-icon-render: yes; - --spectrum-badge-m-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-texticon-layout: inline-row; - --spectrum-badge-m-magenta-texticon-height: auto; - --spectrum-badge-m-magenta-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-texticon-border-color: transparent; - --spectrum-badge-m-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-texticon-text-transform: none; - --spectrum-badge-m-negative-texticon-text-render: yes; - --spectrum-badge-m-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-texticon-text-text-transform: none; - --spectrum-badge-m-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-texticon-icon-margin-top: 0; - --spectrum-badge-m-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-negative-texticon-icon-type: icon; - --spectrum-badge-m-negative-texticon-icon-render: yes; - --spectrum-badge-m-negative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-texticon-layout: inline-row; - --spectrum-badge-m-negative-texticon-height: auto; - --spectrum-badge-m-negative-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-texticon-border-color: transparent; - --spectrum-badge-m-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-texticon-text-transform: none; - --spectrum-badge-m-neutral-texticon-text-render: yes; - --spectrum-badge-m-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-texticon-text-text-transform: none; - --spectrum-badge-m-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-m-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-texticon-icon-type: icon; - --spectrum-badge-m-neutral-texticon-icon-render: yes; - --spectrum-badge-m-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-texticon-layout: inline-row; - --spectrum-badge-m-neutral-texticon-height: auto; - --spectrum-badge-m-neutral-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-texticon-border-color: transparent; - --spectrum-badge-m-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-texticon-text-transform: none; - --spectrum-badge-m-positive-texticon-text-render: yes; - --spectrum-badge-m-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-texticon-text-text-transform: none; - --spectrum-badge-m-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-texticon-icon-margin-top: 0; - --spectrum-badge-m-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-positive-texticon-icon-type: icon; - --spectrum-badge-m-positive-texticon-icon-render: yes; - --spectrum-badge-m-positive-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-texticon-layout: inline-row; - --spectrum-badge-m-positive-texticon-height: auto; - --spectrum-badge-m-positive-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-texticon-border-color: transparent; - --spectrum-badge-m-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-texticon-text-transform: none; - --spectrum-badge-m-purple-texticon-text-render: yes; - --spectrum-badge-m-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-texticon-text-text-transform: none; - --spectrum-badge-m-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-texticon-icon-margin-top: 0; - --spectrum-badge-m-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-purple-texticon-icon-type: icon; - --spectrum-badge-m-purple-texticon-icon-render: yes; - --spectrum-badge-m-purple-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-texticon-layout: inline-row; - --spectrum-badge-m-purple-texticon-height: auto; - --spectrum-badge-m-purple-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-texticon-border-color: transparent; - --spectrum-badge-m-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-texticon-text-transform: none; - --spectrum-badge-m-seafoam-texticon-text-render: yes; - --spectrum-badge-m-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-texticon-text-text-transform: none; - --spectrum-badge-m-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-m-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-texticon-icon-type: icon; - --spectrum-badge-m-seafoam-texticon-icon-render: yes; - --spectrum-badge-m-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-texticon-layout: inline-row; - --spectrum-badge-m-seafoam-texticon-height: auto; - --spectrum-badge-m-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-texticon-border-color: transparent; - --spectrum-badge-m-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-texticon-text-transform: none; - --spectrum-badge-m-yellow-texticon-text-render: yes; - --spectrum-badge-m-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-texticon-text-text-transform: none; - --spectrum-badge-m-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-m-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-texticon-icon-type: icon; - --spectrum-badge-m-yellow-texticon-icon-render: yes; - --spectrum-badge-m-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-texticon-layout: inline-row; - --spectrum-badge-m-yellow-texticon-height: auto; - --spectrum-badge-m-yellow-texticon-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-textonly-border-color: transparent; - --spectrum-badge-m-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-textonly-text-transform: none; - --spectrum-badge-m-fuchsia-textonly-text-render: yes; - --spectrum-badge-m-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-m-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-textonly-icon-type: icon; - --spectrum-badge-m-fuchsia-textonly-icon-render: no; - --spectrum-badge-m-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-textonly-layout: inline-row; - --spectrum-badge-m-fuchsia-textonly-height: auto; - --spectrum-badge-m-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-textonly-border-color: transparent; - --spectrum-badge-m-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-textonly-text-transform: none; - --spectrum-badge-m-indigo-textonly-text-render: yes; - --spectrum-badge-m-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-textonly-text-text-transform: none; - --spectrum-badge-m-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-m-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-textonly-icon-type: icon; - --spectrum-badge-m-indigo-textonly-icon-render: no; - --spectrum-badge-m-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-textonly-layout: inline-row; - --spectrum-badge-m-indigo-textonly-height: auto; - --spectrum-badge-m-indigo-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-textonly-border-color: transparent; - --spectrum-badge-m-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-textonly-text-transform: none; - --spectrum-badge-m-informative-textonly-text-render: yes; - --spectrum-badge-m-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-textonly-text-text-transform: none; - --spectrum-badge-m-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-textonly-icon-margin-top: 0; - --spectrum-badge-m-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-informative-textonly-icon-type: icon; - --spectrum-badge-m-informative-textonly-icon-render: no; - --spectrum-badge-m-informative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-textonly-layout: inline-row; - --spectrum-badge-m-informative-textonly-height: auto; - --spectrum-badge-m-informative-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-informative-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-textonly-border-color: transparent; - --spectrum-badge-m-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-textonly-text-transform: none; - --spectrum-badge-m-magenta-textonly-text-render: yes; - --spectrum-badge-m-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-textonly-text-text-transform: none; - --spectrum-badge-m-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-m-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-textonly-icon-type: icon; - --spectrum-badge-m-magenta-textonly-icon-render: no; - --spectrum-badge-m-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-textonly-layout: inline-row; - --spectrum-badge-m-magenta-textonly-height: auto; - --spectrum-badge-m-magenta-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-textonly-border-color: transparent; - --spectrum-badge-m-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-textonly-text-transform: none; - --spectrum-badge-m-negative-textonly-text-render: yes; - --spectrum-badge-m-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-textonly-text-text-transform: none; - --spectrum-badge-m-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-textonly-icon-margin-top: 0; - --spectrum-badge-m-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-negative-textonly-icon-type: icon; - --spectrum-badge-m-negative-textonly-icon-render: no; - --spectrum-badge-m-negative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-textonly-layout: inline-row; - --spectrum-badge-m-negative-textonly-height: auto; - --spectrum-badge-m-negative-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-negative-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-textonly-border-color: transparent; - --spectrum-badge-m-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-textonly-text-transform: none; - --spectrum-badge-m-neutral-textonly-text-render: yes; - --spectrum-badge-m-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-textonly-text-text-transform: none; - --spectrum-badge-m-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-m-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-textonly-icon-type: icon; - --spectrum-badge-m-neutral-textonly-icon-render: no; - --spectrum-badge-m-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-textonly-layout: inline-row; - --spectrum-badge-m-neutral-textonly-height: auto; - --spectrum-badge-m-neutral-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-textonly-border-color: transparent; - --spectrum-badge-m-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-textonly-text-transform: none; - --spectrum-badge-m-positive-textonly-text-render: yes; - --spectrum-badge-m-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-textonly-text-text-transform: none; - --spectrum-badge-m-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-textonly-icon-margin-top: 0; - --spectrum-badge-m-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-positive-textonly-icon-type: icon; - --spectrum-badge-m-positive-textonly-icon-render: no; - --spectrum-badge-m-positive-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-textonly-layout: inline-row; - --spectrum-badge-m-positive-textonly-height: auto; - --spectrum-badge-m-positive-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-positive-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-textonly-border-color: transparent; - --spectrum-badge-m-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-textonly-text-transform: none; - --spectrum-badge-m-purple-textonly-text-render: yes; - --spectrum-badge-m-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-textonly-text-text-transform: none; - --spectrum-badge-m-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-textonly-icon-margin-top: 0; - --spectrum-badge-m-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-purple-textonly-icon-type: icon; - --spectrum-badge-m-purple-textonly-icon-render: no; - --spectrum-badge-m-purple-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-textonly-layout: inline-row; - --spectrum-badge-m-purple-textonly-height: auto; - --spectrum-badge-m-purple-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-purple-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-textonly-border-color: transparent; - --spectrum-badge-m-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-textonly-text-transform: none; - --spectrum-badge-m-seafoam-textonly-text-render: yes; - --spectrum-badge-m-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-textonly-text-text-transform: none; - --spectrum-badge-m-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-m-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-textonly-icon-type: icon; - --spectrum-badge-m-seafoam-textonly-icon-render: no; - --spectrum-badge-m-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-textonly-layout: inline-row; - --spectrum-badge-m-seafoam-textonly-height: auto; - --spectrum-badge-m-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-textonly-border-color: transparent; - --spectrum-badge-m-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-textonly-text-transform: none; - --spectrum-badge-m-yellow-textonly-text-render: yes; - --spectrum-badge-m-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-textonly-text-text-transform: none; - --spectrum-badge-m-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-m-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-textonly-icon-type: icon; - --spectrum-badge-m-yellow-textonly-icon-render: no; - --spectrum-badge-m-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-textonly-layout: inline-row; - --spectrum-badge-m-yellow-textonly-height: auto; - --spectrum-badge-m-yellow-textonly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-badge-m-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-m-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-m-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-m-fuchsia-icononly-border-color: transparent; - --spectrum-badge-m-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-icononly-text-transform: none; - --spectrum-badge-m-fuchsia-icononly-text-render: no; - --spectrum-badge-m-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-m-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-m-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-fuchsia-icononly-icon-type: icon; - --spectrum-badge-m-fuchsia-icononly-icon-render: yes; - --spectrum-badge-m-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-fuchsia-icononly-layout: inline-row; - --spectrum-badge-m-fuchsia-icononly-height: auto; - --spectrum-badge-m-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-m-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-m-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-m-indigo-icononly-border-color: transparent; - --spectrum-badge-m-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-icononly-text-transform: none; - --spectrum-badge-m-indigo-icononly-text-render: no; - --spectrum-badge-m-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-indigo-icononly-text-text-transform: none; - --spectrum-badge-m-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-m-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-indigo-icononly-icon-type: icon; - --spectrum-badge-m-indigo-icononly-icon-render: yes; - --spectrum-badge-m-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-indigo-icononly-layout: inline-row; - --spectrum-badge-m-indigo-icononly-height: auto; - --spectrum-badge-m-indigo-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-indigo-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-m-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-m-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-m-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-m-informative-icononly-border-color: transparent; - --spectrum-badge-m-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-icononly-text-transform: none; - --spectrum-badge-m-informative-icononly-text-render: no; - --spectrum-badge-m-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-informative-icononly-text-text-transform: none; - --spectrum-badge-m-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-icon-margin-top: 0; - --spectrum-badge-m-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-informative-icononly-icon-type: icon; - --spectrum-badge-m-informative-icononly-icon-render: yes; - --spectrum-badge-m-informative-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-informative-icononly-layout: inline-row; - --spectrum-badge-m-informative-icononly-height: auto; - --spectrum-badge-m-informative-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-informative-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-informative-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-informative-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-m-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-m-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-m-magenta-icononly-border-color: transparent; - --spectrum-badge-m-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-icononly-text-transform: none; - --spectrum-badge-m-magenta-icononly-text-render: no; - --spectrum-badge-m-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-magenta-icononly-text-text-transform: none; - --spectrum-badge-m-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-m-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-magenta-icononly-icon-type: icon; - --spectrum-badge-m-magenta-icononly-icon-render: yes; - --spectrum-badge-m-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-magenta-icononly-layout: inline-row; - --spectrum-badge-m-magenta-icononly-height: auto; - --spectrum-badge-m-magenta-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-magenta-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-m-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-m-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-m-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-m-negative-icononly-border-color: transparent; - --spectrum-badge-m-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-icononly-text-transform: none; - --spectrum-badge-m-negative-icononly-text-render: no; - --spectrum-badge-m-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-negative-icononly-text-text-transform: none; - --spectrum-badge-m-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-icon-margin-top: 0; - --spectrum-badge-m-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-negative-icononly-icon-type: icon; - --spectrum-badge-m-negative-icononly-icon-render: yes; - --spectrum-badge-m-negative-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-negative-icononly-layout: inline-row; - --spectrum-badge-m-negative-icononly-height: auto; - --spectrum-badge-m-negative-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-negative-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-negative-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-negative-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-m-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-m-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-m-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-m-neutral-icononly-border-color: transparent; - --spectrum-badge-m-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-icononly-text-transform: none; - --spectrum-badge-m-neutral-icononly-text-render: no; - --spectrum-badge-m-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-neutral-icononly-text-text-transform: none; - --spectrum-badge-m-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-m-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-neutral-icononly-icon-type: icon; - --spectrum-badge-m-neutral-icononly-icon-render: yes; - --spectrum-badge-m-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-neutral-icononly-layout: inline-row; - --spectrum-badge-m-neutral-icononly-height: auto; - --spectrum-badge-m-neutral-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-neutral-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-m-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-m-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-m-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-m-positive-icononly-border-color: transparent; - --spectrum-badge-m-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-icononly-text-transform: none; - --spectrum-badge-m-positive-icononly-text-render: no; - --spectrum-badge-m-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-positive-icononly-text-text-transform: none; - --spectrum-badge-m-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-icon-margin-top: 0; - --spectrum-badge-m-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-positive-icononly-icon-type: icon; - --spectrum-badge-m-positive-icononly-icon-render: yes; - --spectrum-badge-m-positive-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-positive-icononly-layout: inline-row; - --spectrum-badge-m-positive-icononly-height: auto; - --spectrum-badge-m-positive-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-positive-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-positive-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-positive-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-m-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-m-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-m-purple-icononly-border-color: transparent; - --spectrum-badge-m-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-icononly-text-transform: none; - --spectrum-badge-m-purple-icononly-text-render: no; - --spectrum-badge-m-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-purple-icononly-text-text-transform: none; - --spectrum-badge-m-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-icon-margin-top: 0; - --spectrum-badge-m-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-purple-icononly-icon-type: icon; - --spectrum-badge-m-purple-icononly-icon-render: yes; - --spectrum-badge-m-purple-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-purple-icononly-layout: inline-row; - --spectrum-badge-m-purple-icononly-height: auto; - --spectrum-badge-m-purple-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-purple-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-purple-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-purple-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-m-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-m-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-m-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-m-seafoam-icononly-border-color: transparent; - --spectrum-badge-m-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-icononly-text-transform: none; - --spectrum-badge-m-seafoam-icononly-text-render: no; - --spectrum-badge-m-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-seafoam-icononly-text-text-transform: none; - --spectrum-badge-m-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-m-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-seafoam-icononly-icon-type: icon; - --spectrum-badge-m-seafoam-icononly-icon-render: yes; - --spectrum-badge-m-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-seafoam-icononly-layout: inline-row; - --spectrum-badge-m-seafoam-icononly-height: auto; - --spectrum-badge-m-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-seafoam-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-m-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-m-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-m-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-m-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-m-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-m-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-m-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-m-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-m-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-m-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-m-yellow-icononly-border-color: transparent; - --spectrum-badge-m-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-icononly-text-transform: none; - --spectrum-badge-m-yellow-icononly-text-render: no; - --spectrum-badge-m-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-badge-m-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-m-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-m-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-m-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-m-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-m-yellow-icononly-text-text-transform: none; - --spectrum-badge-m-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-badge-m-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-m-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-m-yellow-icononly-icon-type: icon; - --spectrum-badge-m-yellow-icononly-icon-render: yes; - --spectrum-badge-m-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-badge-m-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-m-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-m-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-m-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-m-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-m-yellow-icononly-layout: inline-row; - --spectrum-badge-m-yellow-icononly-height: auto; - --spectrum-badge-m-yellow-icononly-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-badge-m-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-m-yellow-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-badge-m-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-m-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-badge-m-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-badge-l-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-texticon-border-color: transparent; - --spectrum-badge-l-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-texticon-text-transform: none; - --spectrum-badge-l-fuchsia-texticon-text-render: yes; - --spectrum-badge-l-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-l-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-texticon-icon-type: icon; - --spectrum-badge-l-fuchsia-texticon-icon-render: yes; - --spectrum-badge-l-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-texticon-layout: inline-row; - --spectrum-badge-l-fuchsia-texticon-height: auto; - --spectrum-badge-l-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-texticon-border-color: transparent; - --spectrum-badge-l-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-texticon-text-transform: none; - --spectrum-badge-l-indigo-texticon-text-render: yes; - --spectrum-badge-l-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-texticon-text-text-transform: none; - --spectrum-badge-l-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-l-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-texticon-icon-type: icon; - --spectrum-badge-l-indigo-texticon-icon-render: yes; - --spectrum-badge-l-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-texticon-layout: inline-row; - --spectrum-badge-l-indigo-texticon-height: auto; - --spectrum-badge-l-indigo-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-texticon-border-color: transparent; - --spectrum-badge-l-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-texticon-text-transform: none; - --spectrum-badge-l-informative-texticon-text-render: yes; - --spectrum-badge-l-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-texticon-text-text-transform: none; - --spectrum-badge-l-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-texticon-icon-margin-top: 0; - --spectrum-badge-l-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-informative-texticon-icon-type: icon; - --spectrum-badge-l-informative-texticon-icon-render: yes; - --spectrum-badge-l-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-texticon-layout: inline-row; - --spectrum-badge-l-informative-texticon-height: auto; - --spectrum-badge-l-informative-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-texticon-border-color: transparent; - --spectrum-badge-l-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-texticon-text-transform: none; - --spectrum-badge-l-magenta-texticon-text-render: yes; - --spectrum-badge-l-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-texticon-text-text-transform: none; - --spectrum-badge-l-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-l-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-texticon-icon-type: icon; - --spectrum-badge-l-magenta-texticon-icon-render: yes; - --spectrum-badge-l-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-texticon-layout: inline-row; - --spectrum-badge-l-magenta-texticon-height: auto; - --spectrum-badge-l-magenta-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-texticon-border-color: transparent; - --spectrum-badge-l-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-texticon-text-transform: none; - --spectrum-badge-l-negative-texticon-text-render: yes; - --spectrum-badge-l-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-texticon-text-text-transform: none; - --spectrum-badge-l-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-texticon-icon-margin-top: 0; - --spectrum-badge-l-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-negative-texticon-icon-type: icon; - --spectrum-badge-l-negative-texticon-icon-render: yes; - --spectrum-badge-l-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-texticon-layout: inline-row; - --spectrum-badge-l-negative-texticon-height: auto; - --spectrum-badge-l-negative-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-texticon-border-color: transparent; - --spectrum-badge-l-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-texticon-text-transform: none; - --spectrum-badge-l-neutral-texticon-text-render: yes; - --spectrum-badge-l-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-texticon-text-text-transform: none; - --spectrum-badge-l-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-l-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-texticon-icon-type: icon; - --spectrum-badge-l-neutral-texticon-icon-render: yes; - --spectrum-badge-l-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-texticon-layout: inline-row; - --spectrum-badge-l-neutral-texticon-height: auto; - --spectrum-badge-l-neutral-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-texticon-border-color: transparent; - --spectrum-badge-l-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-texticon-text-transform: none; - --spectrum-badge-l-positive-texticon-text-render: yes; - --spectrum-badge-l-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-texticon-text-text-transform: none; - --spectrum-badge-l-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-texticon-icon-margin-top: 0; - --spectrum-badge-l-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-positive-texticon-icon-type: icon; - --spectrum-badge-l-positive-texticon-icon-render: yes; - --spectrum-badge-l-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-texticon-layout: inline-row; - --spectrum-badge-l-positive-texticon-height: auto; - --spectrum-badge-l-positive-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-texticon-border-color: transparent; - --spectrum-badge-l-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-texticon-text-transform: none; - --spectrum-badge-l-purple-texticon-text-render: yes; - --spectrum-badge-l-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-texticon-text-text-transform: none; - --spectrum-badge-l-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-texticon-icon-margin-top: 0; - --spectrum-badge-l-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-purple-texticon-icon-type: icon; - --spectrum-badge-l-purple-texticon-icon-render: yes; - --spectrum-badge-l-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-texticon-layout: inline-row; - --spectrum-badge-l-purple-texticon-height: auto; - --spectrum-badge-l-purple-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-texticon-border-color: transparent; - --spectrum-badge-l-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-texticon-text-transform: none; - --spectrum-badge-l-seafoam-texticon-text-render: yes; - --spectrum-badge-l-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-texticon-text-text-transform: none; - --spectrum-badge-l-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-l-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-texticon-icon-type: icon; - --spectrum-badge-l-seafoam-texticon-icon-render: yes; - --spectrum-badge-l-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-texticon-layout: inline-row; - --spectrum-badge-l-seafoam-texticon-height: auto; - --spectrum-badge-l-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-texticon-border-color: transparent; - --spectrum-badge-l-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-texticon-text-transform: none; - --spectrum-badge-l-yellow-texticon-text-render: yes; - --spectrum-badge-l-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-texticon-text-text-transform: none; - --spectrum-badge-l-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-l-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-texticon-icon-type: icon; - --spectrum-badge-l-yellow-texticon-icon-render: yes; - --spectrum-badge-l-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-texticon-layout: inline-row; - --spectrum-badge-l-yellow-texticon-height: auto; - --spectrum-badge-l-yellow-texticon-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-l-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-textonly-border-color: transparent; - --spectrum-badge-l-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-textonly-text-transform: none; - --spectrum-badge-l-fuchsia-textonly-text-render: yes; - --spectrum-badge-l-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-l-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-textonly-icon-type: icon; - --spectrum-badge-l-fuchsia-textonly-icon-render: no; - --spectrum-badge-l-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-textonly-layout: inline-row; - --spectrum-badge-l-fuchsia-textonly-height: auto; - --spectrum-badge-l-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-textonly-border-color: transparent; - --spectrum-badge-l-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-textonly-text-transform: none; - --spectrum-badge-l-indigo-textonly-text-render: yes; - --spectrum-badge-l-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-textonly-text-text-transform: none; - --spectrum-badge-l-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-l-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-textonly-icon-type: icon; - --spectrum-badge-l-indigo-textonly-icon-render: no; - --spectrum-badge-l-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-textonly-layout: inline-row; - --spectrum-badge-l-indigo-textonly-height: auto; - --spectrum-badge-l-indigo-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-textonly-border-color: transparent; - --spectrum-badge-l-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-textonly-text-transform: none; - --spectrum-badge-l-informative-textonly-text-render: yes; - --spectrum-badge-l-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-textonly-text-text-transform: none; - --spectrum-badge-l-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-textonly-icon-margin-top: 0; - --spectrum-badge-l-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-informative-textonly-icon-type: icon; - --spectrum-badge-l-informative-textonly-icon-render: no; - --spectrum-badge-l-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-textonly-layout: inline-row; - --spectrum-badge-l-informative-textonly-height: auto; - --spectrum-badge-l-informative-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-informative-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-textonly-border-color: transparent; - --spectrum-badge-l-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-textonly-text-transform: none; - --spectrum-badge-l-magenta-textonly-text-render: yes; - --spectrum-badge-l-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-textonly-text-text-transform: none; - --spectrum-badge-l-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-l-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-textonly-icon-type: icon; - --spectrum-badge-l-magenta-textonly-icon-render: no; - --spectrum-badge-l-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-textonly-layout: inline-row; - --spectrum-badge-l-magenta-textonly-height: auto; - --spectrum-badge-l-magenta-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-textonly-border-color: transparent; - --spectrum-badge-l-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-textonly-text-transform: none; - --spectrum-badge-l-negative-textonly-text-render: yes; - --spectrum-badge-l-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-textonly-text-text-transform: none; - --spectrum-badge-l-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-textonly-icon-margin-top: 0; - --spectrum-badge-l-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-negative-textonly-icon-type: icon; - --spectrum-badge-l-negative-textonly-icon-render: no; - --spectrum-badge-l-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-textonly-layout: inline-row; - --spectrum-badge-l-negative-textonly-height: auto; - --spectrum-badge-l-negative-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-negative-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-textonly-border-color: transparent; - --spectrum-badge-l-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-textonly-text-transform: none; - --spectrum-badge-l-neutral-textonly-text-render: yes; - --spectrum-badge-l-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-textonly-text-text-transform: none; - --spectrum-badge-l-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-l-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-textonly-icon-type: icon; - --spectrum-badge-l-neutral-textonly-icon-render: no; - --spectrum-badge-l-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-textonly-layout: inline-row; - --spectrum-badge-l-neutral-textonly-height: auto; - --spectrum-badge-l-neutral-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-textonly-border-color: transparent; - --spectrum-badge-l-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-textonly-text-transform: none; - --spectrum-badge-l-positive-textonly-text-render: yes; - --spectrum-badge-l-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-textonly-text-text-transform: none; - --spectrum-badge-l-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-textonly-icon-margin-top: 0; - --spectrum-badge-l-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-positive-textonly-icon-type: icon; - --spectrum-badge-l-positive-textonly-icon-render: no; - --spectrum-badge-l-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-textonly-layout: inline-row; - --spectrum-badge-l-positive-textonly-height: auto; - --spectrum-badge-l-positive-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-positive-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-textonly-border-color: transparent; - --spectrum-badge-l-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-textonly-text-transform: none; - --spectrum-badge-l-purple-textonly-text-render: yes; - --spectrum-badge-l-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-textonly-text-text-transform: none; - --spectrum-badge-l-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-textonly-icon-margin-top: 0; - --spectrum-badge-l-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-purple-textonly-icon-type: icon; - --spectrum-badge-l-purple-textonly-icon-render: no; - --spectrum-badge-l-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-textonly-layout: inline-row; - --spectrum-badge-l-purple-textonly-height: auto; - --spectrum-badge-l-purple-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-purple-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-textonly-border-color: transparent; - --spectrum-badge-l-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-textonly-text-transform: none; - --spectrum-badge-l-seafoam-textonly-text-render: yes; - --spectrum-badge-l-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-textonly-text-text-transform: none; - --spectrum-badge-l-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-l-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-textonly-icon-type: icon; - --spectrum-badge-l-seafoam-textonly-icon-render: no; - --spectrum-badge-l-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-textonly-layout: inline-row; - --spectrum-badge-l-seafoam-textonly-height: auto; - --spectrum-badge-l-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-textonly-border-color: transparent; - --spectrum-badge-l-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-textonly-text-transform: none; - --spectrum-badge-l-yellow-textonly-text-render: yes; - --spectrum-badge-l-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-textonly-text-text-transform: none; - --spectrum-badge-l-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-l-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-textonly-icon-type: icon; - --spectrum-badge-l-yellow-textonly-icon-render: no; - --spectrum-badge-l-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-textonly-layout: inline-row; - --spectrum-badge-l-yellow-textonly-height: auto; - --spectrum-badge-l-yellow-textonly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-l-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-l-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-l-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-l-fuchsia-icononly-border-color: transparent; - --spectrum-badge-l-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-icononly-text-transform: none; - --spectrum-badge-l-fuchsia-icononly-text-render: no; - --spectrum-badge-l-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-l-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-l-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-fuchsia-icononly-icon-type: icon; - --spectrum-badge-l-fuchsia-icononly-icon-render: yes; - --spectrum-badge-l-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-fuchsia-icononly-layout: inline-row; - --spectrum-badge-l-fuchsia-icononly-height: auto; - --spectrum-badge-l-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-l-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-l-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-l-indigo-icononly-border-color: transparent; - --spectrum-badge-l-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-icononly-text-transform: none; - --spectrum-badge-l-indigo-icononly-text-render: no; - --spectrum-badge-l-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-indigo-icononly-text-text-transform: none; - --spectrum-badge-l-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-l-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-indigo-icononly-icon-type: icon; - --spectrum-badge-l-indigo-icononly-icon-render: yes; - --spectrum-badge-l-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-indigo-icononly-layout: inline-row; - --spectrum-badge-l-indigo-icononly-height: auto; - --spectrum-badge-l-indigo-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-indigo-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-l-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-l-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-l-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-l-informative-icononly-border-color: transparent; - --spectrum-badge-l-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-icononly-text-transform: none; - --spectrum-badge-l-informative-icononly-text-render: no; - --spectrum-badge-l-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-informative-icononly-text-text-transform: none; - --spectrum-badge-l-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-icon-margin-top: 0; - --spectrum-badge-l-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-informative-icononly-icon-type: icon; - --spectrum-badge-l-informative-icononly-icon-render: yes; - --spectrum-badge-l-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-informative-icononly-layout: inline-row; - --spectrum-badge-l-informative-icononly-height: auto; - --spectrum-badge-l-informative-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-informative-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-informative-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-informative-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-l-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-l-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-l-magenta-icononly-border-color: transparent; - --spectrum-badge-l-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-icononly-text-transform: none; - --spectrum-badge-l-magenta-icononly-text-render: no; - --spectrum-badge-l-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-magenta-icononly-text-text-transform: none; - --spectrum-badge-l-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-l-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-magenta-icononly-icon-type: icon; - --spectrum-badge-l-magenta-icononly-icon-render: yes; - --spectrum-badge-l-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-magenta-icononly-layout: inline-row; - --spectrum-badge-l-magenta-icononly-height: auto; - --spectrum-badge-l-magenta-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-magenta-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-l-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-l-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-l-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-l-negative-icononly-border-color: transparent; - --spectrum-badge-l-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-icononly-text-transform: none; - --spectrum-badge-l-negative-icononly-text-render: no; - --spectrum-badge-l-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-negative-icononly-text-text-transform: none; - --spectrum-badge-l-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-icon-margin-top: 0; - --spectrum-badge-l-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-negative-icononly-icon-type: icon; - --spectrum-badge-l-negative-icononly-icon-render: yes; - --spectrum-badge-l-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-negative-icononly-layout: inline-row; - --spectrum-badge-l-negative-icononly-height: auto; - --spectrum-badge-l-negative-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-negative-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-negative-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-negative-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-l-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-l-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-l-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-l-neutral-icononly-border-color: transparent; - --spectrum-badge-l-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-icononly-text-transform: none; - --spectrum-badge-l-neutral-icononly-text-render: no; - --spectrum-badge-l-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-neutral-icononly-text-text-transform: none; - --spectrum-badge-l-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-l-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-neutral-icononly-icon-type: icon; - --spectrum-badge-l-neutral-icononly-icon-render: yes; - --spectrum-badge-l-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-neutral-icononly-layout: inline-row; - --spectrum-badge-l-neutral-icononly-height: auto; - --spectrum-badge-l-neutral-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-neutral-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-l-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-l-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-l-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-l-positive-icononly-border-color: transparent; - --spectrum-badge-l-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-icononly-text-transform: none; - --spectrum-badge-l-positive-icononly-text-render: no; - --spectrum-badge-l-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-positive-icononly-text-text-transform: none; - --spectrum-badge-l-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-icon-margin-top: 0; - --spectrum-badge-l-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-positive-icononly-icon-type: icon; - --spectrum-badge-l-positive-icononly-icon-render: yes; - --spectrum-badge-l-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-positive-icononly-layout: inline-row; - --spectrum-badge-l-positive-icononly-height: auto; - --spectrum-badge-l-positive-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-positive-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-positive-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-positive-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-l-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-l-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-l-purple-icononly-border-color: transparent; - --spectrum-badge-l-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-icononly-text-transform: none; - --spectrum-badge-l-purple-icononly-text-render: no; - --spectrum-badge-l-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-purple-icononly-text-text-transform: none; - --spectrum-badge-l-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-icon-margin-top: 0; - --spectrum-badge-l-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-purple-icononly-icon-type: icon; - --spectrum-badge-l-purple-icononly-icon-render: yes; - --spectrum-badge-l-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-purple-icononly-layout: inline-row; - --spectrum-badge-l-purple-icononly-height: auto; - --spectrum-badge-l-purple-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-purple-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-purple-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-purple-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-l-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-l-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-l-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-l-seafoam-icononly-border-color: transparent; - --spectrum-badge-l-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-icononly-text-transform: none; - --spectrum-badge-l-seafoam-icononly-text-render: no; - --spectrum-badge-l-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-seafoam-icononly-text-text-transform: none; - --spectrum-badge-l-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-l-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-seafoam-icononly-icon-type: icon; - --spectrum-badge-l-seafoam-icononly-icon-render: yes; - --spectrum-badge-l-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-seafoam-icononly-layout: inline-row; - --spectrum-badge-l-seafoam-icononly-height: auto; - --spectrum-badge-l-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-seafoam-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-l-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-l-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-l-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-l-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-l-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-l-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-l-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-l-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-l-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-l-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-l-yellow-icononly-border-color: transparent; - --spectrum-badge-l-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-l-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-icononly-text-transform: none; - --spectrum-badge-l-yellow-icononly-text-render: no; - --spectrum-badge-l-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-badge-l-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-l-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-l-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-l-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-l-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-l-yellow-icononly-text-text-transform: none; - --spectrum-badge-l-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-badge-l-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-l-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-l-yellow-icononly-icon-type: icon; - --spectrum-badge-l-yellow-icononly-icon-render: yes; - --spectrum-badge-l-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-l-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-l-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-l-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-l-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-l-yellow-icononly-layout: inline-row; - --spectrum-badge-l-yellow-icononly-height: auto; - --spectrum-badge-l-yellow-icononly-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-badge-l-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-l-yellow-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-l-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-texticon-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-texticon-border-color: transparent; - --spectrum-badge-xl-fuchsia-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-texticon-text-transform: none; - --spectrum-badge-xl-fuchsia-texticon-text-render: yes; - --spectrum-badge-xl-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-texticon-text-text-transform: none; - --spectrum-badge-xl-fuchsia-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-texticon-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-texticon-icon-type: icon; - --spectrum-badge-xl-fuchsia-texticon-icon-render: yes; - --spectrum-badge-xl-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-texticon-layout: inline-row; - --spectrum-badge-xl-fuchsia-texticon-height: auto; - --spectrum-badge-xl-fuchsia-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-indigo-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-texticon-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-texticon-border-color: transparent; - --spectrum-badge-xl-indigo-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-texticon-text-transform: none; - --spectrum-badge-xl-indigo-texticon-text-render: yes; - --spectrum-badge-xl-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-texticon-text-text-transform: none; - --spectrum-badge-xl-indigo-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-texticon-icon-margin-top: 0; - --spectrum-badge-xl-indigo-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-texticon-icon-type: icon; - --spectrum-badge-xl-indigo-texticon-icon-render: yes; - --spectrum-badge-xl-indigo-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-texticon-layout: inline-row; - --spectrum-badge-xl-indigo-texticon-height: auto; - --spectrum-badge-xl-indigo-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-informative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-texticon-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-texticon-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-texticon-border-color: transparent; - --spectrum-badge-xl-informative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-texticon-text-transform: none; - --spectrum-badge-xl-informative-texticon-text-render: yes; - --spectrum-badge-xl-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-texticon-text-text-transform: none; - --spectrum-badge-xl-informative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-texticon-icon-margin-top: 0; - --spectrum-badge-xl-informative-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-texticon-icon-type: icon; - --spectrum-badge-xl-informative-texticon-icon-render: yes; - --spectrum-badge-xl-informative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-texticon-layout: inline-row; - --spectrum-badge-xl-informative-texticon-height: auto; - --spectrum-badge-xl-informative-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-magenta-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-texticon-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-texticon-border-color: transparent; - --spectrum-badge-xl-magenta-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-texticon-text-transform: none; - --spectrum-badge-xl-magenta-texticon-text-render: yes; - --spectrum-badge-xl-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-texticon-text-text-transform: none; - --spectrum-badge-xl-magenta-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-texticon-icon-margin-top: 0; - --spectrum-badge-xl-magenta-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-texticon-icon-type: icon; - --spectrum-badge-xl-magenta-texticon-icon-render: yes; - --spectrum-badge-xl-magenta-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-texticon-layout: inline-row; - --spectrum-badge-xl-magenta-texticon-height: auto; - --spectrum-badge-xl-magenta-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-texticon-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-texticon-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-texticon-border-color: transparent; - --spectrum-badge-xl-negative-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-texticon-text-transform: none; - --spectrum-badge-xl-negative-texticon-text-render: yes; - --spectrum-badge-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-texticon-text-text-transform: none; - --spectrum-badge-xl-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-texticon-icon-margin-top: 0; - --spectrum-badge-xl-negative-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-texticon-icon-type: icon; - --spectrum-badge-xl-negative-texticon-icon-render: yes; - --spectrum-badge-xl-negative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-texticon-layout: inline-row; - --spectrum-badge-xl-negative-texticon-height: auto; - --spectrum-badge-xl-negative-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-texticon-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-texticon-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-texticon-border-color: transparent; - --spectrum-badge-xl-neutral-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-texticon-text-transform: none; - --spectrum-badge-xl-neutral-texticon-text-render: yes; - --spectrum-badge-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-texticon-text-text-transform: none; - --spectrum-badge-xl-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-texticon-icon-margin-top: 0; - --spectrum-badge-xl-neutral-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-texticon-icon-type: icon; - --spectrum-badge-xl-neutral-texticon-icon-render: yes; - --spectrum-badge-xl-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-texticon-layout: inline-row; - --spectrum-badge-xl-neutral-texticon-height: auto; - --spectrum-badge-xl-neutral-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-positive-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-texticon-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-texticon-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-texticon-border-color: transparent; - --spectrum-badge-xl-positive-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-texticon-text-transform: none; - --spectrum-badge-xl-positive-texticon-text-render: yes; - --spectrum-badge-xl-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-texticon-text-text-transform: none; - --spectrum-badge-xl-positive-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-texticon-icon-margin-top: 0; - --spectrum-badge-xl-positive-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-texticon-icon-type: icon; - --spectrum-badge-xl-positive-texticon-icon-render: yes; - --spectrum-badge-xl-positive-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-texticon-layout: inline-row; - --spectrum-badge-xl-positive-texticon-height: auto; - --spectrum-badge-xl-positive-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-purple-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-texticon-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-texticon-border-color: transparent; - --spectrum-badge-xl-purple-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-texticon-text-transform: none; - --spectrum-badge-xl-purple-texticon-text-render: yes; - --spectrum-badge-xl-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-texticon-text-text-transform: none; - --spectrum-badge-xl-purple-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-texticon-icon-margin-top: 0; - --spectrum-badge-xl-purple-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-texticon-icon-type: icon; - --spectrum-badge-xl-purple-texticon-icon-render: yes; - --spectrum-badge-xl-purple-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-texticon-layout: inline-row; - --spectrum-badge-xl-purple-texticon-height: auto; - --spectrum-badge-xl-purple-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-seafoam-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-texticon-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-texticon-border-color: transparent; - --spectrum-badge-xl-seafoam-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-texticon-text-transform: none; - --spectrum-badge-xl-seafoam-texticon-text-render: yes; - --spectrum-badge-xl-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-texticon-text-text-transform: none; - --spectrum-badge-xl-seafoam-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-texticon-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-texticon-icon-type: icon; - --spectrum-badge-xl-seafoam-texticon-icon-render: yes; - --spectrum-badge-xl-seafoam-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-texticon-layout: inline-row; - --spectrum-badge-xl-seafoam-texticon-height: auto; - --spectrum-badge-xl-seafoam-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-yellow-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-texticon-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-texticon-border-color: transparent; - --spectrum-badge-xl-yellow-texticon-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-texticon-text-transform: none; - --spectrum-badge-xl-yellow-texticon-text-render: yes; - --spectrum-badge-xl-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-texticon-text-text-transform: none; - --spectrum-badge-xl-yellow-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-texticon-icon-margin-top: 0; - --spectrum-badge-xl-yellow-texticon-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-texticon-icon-type: icon; - --spectrum-badge-xl-yellow-texticon-icon-render: yes; - --spectrum-badge-xl-yellow-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-texticon-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-texticon-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-texticon-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-texticon-layout: inline-row; - --spectrum-badge-xl-yellow-texticon-height: auto; - --spectrum-badge-xl-yellow-texticon-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-texticon-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-badge-xl-fuchsia-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-textonly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-textonly-border-color: transparent; - --spectrum-badge-xl-fuchsia-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-textonly-text-transform: none; - --spectrum-badge-xl-fuchsia-textonly-text-render: yes; - --spectrum-badge-xl-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-textonly-text-text-transform: none; - --spectrum-badge-xl-fuchsia-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-textonly-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-textonly-icon-type: icon; - --spectrum-badge-xl-fuchsia-textonly-icon-render: no; - --spectrum-badge-xl-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-textonly-layout: inline-row; - --spectrum-badge-xl-fuchsia-textonly-height: auto; - --spectrum-badge-xl-fuchsia-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-textonly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-textonly-border-color: transparent; - --spectrum-badge-xl-indigo-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-textonly-text-transform: none; - --spectrum-badge-xl-indigo-textonly-text-render: yes; - --spectrum-badge-xl-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-textonly-text-text-transform: none; - --spectrum-badge-xl-indigo-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-textonly-icon-margin-top: 0; - --spectrum-badge-xl-indigo-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-textonly-icon-type: icon; - --spectrum-badge-xl-indigo-textonly-icon-render: no; - --spectrum-badge-xl-indigo-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-textonly-layout: inline-row; - --spectrum-badge-xl-indigo-textonly-height: auto; - --spectrum-badge-xl-indigo-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-indigo-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-textonly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-textonly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-textonly-border-color: transparent; - --spectrum-badge-xl-informative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-textonly-text-transform: none; - --spectrum-badge-xl-informative-textonly-text-render: yes; - --spectrum-badge-xl-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-textonly-text-text-transform: none; - --spectrum-badge-xl-informative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-textonly-icon-margin-top: 0; - --spectrum-badge-xl-informative-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-textonly-icon-type: icon; - --spectrum-badge-xl-informative-textonly-icon-render: no; - --spectrum-badge-xl-informative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-textonly-layout: inline-row; - --spectrum-badge-xl-informative-textonly-height: auto; - --spectrum-badge-xl-informative-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-informative-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-textonly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-textonly-border-color: transparent; - --spectrum-badge-xl-magenta-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-textonly-text-transform: none; - --spectrum-badge-xl-magenta-textonly-text-render: yes; - --spectrum-badge-xl-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-textonly-text-text-transform: none; - --spectrum-badge-xl-magenta-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-textonly-icon-margin-top: 0; - --spectrum-badge-xl-magenta-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-textonly-icon-type: icon; - --spectrum-badge-xl-magenta-textonly-icon-render: no; - --spectrum-badge-xl-magenta-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-textonly-layout: inline-row; - --spectrum-badge-xl-magenta-textonly-height: auto; - --spectrum-badge-xl-magenta-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-magenta-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-textonly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-textonly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-textonly-border-color: transparent; - --spectrum-badge-xl-negative-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-textonly-text-transform: none; - --spectrum-badge-xl-negative-textonly-text-render: yes; - --spectrum-badge-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-textonly-text-text-transform: none; - --spectrum-badge-xl-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-textonly-icon-margin-top: 0; - --spectrum-badge-xl-negative-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-textonly-icon-type: icon; - --spectrum-badge-xl-negative-textonly-icon-render: no; - --spectrum-badge-xl-negative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-textonly-layout: inline-row; - --spectrum-badge-xl-negative-textonly-height: auto; - --spectrum-badge-xl-negative-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-negative-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-textonly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-textonly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-textonly-border-color: transparent; - --spectrum-badge-xl-neutral-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-textonly-text-transform: none; - --spectrum-badge-xl-neutral-textonly-text-render: yes; - --spectrum-badge-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-textonly-text-text-transform: none; - --spectrum-badge-xl-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-textonly-icon-margin-top: 0; - --spectrum-badge-xl-neutral-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-textonly-icon-type: icon; - --spectrum-badge-xl-neutral-textonly-icon-render: no; - --spectrum-badge-xl-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-textonly-layout: inline-row; - --spectrum-badge-xl-neutral-textonly-height: auto; - --spectrum-badge-xl-neutral-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-neutral-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-textonly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-textonly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-textonly-border-color: transparent; - --spectrum-badge-xl-positive-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-textonly-text-transform: none; - --spectrum-badge-xl-positive-textonly-text-render: yes; - --spectrum-badge-xl-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-textonly-text-text-transform: none; - --spectrum-badge-xl-positive-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-textonly-icon-margin-top: 0; - --spectrum-badge-xl-positive-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-textonly-icon-type: icon; - --spectrum-badge-xl-positive-textonly-icon-render: no; - --spectrum-badge-xl-positive-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-textonly-layout: inline-row; - --spectrum-badge-xl-positive-textonly-height: auto; - --spectrum-badge-xl-positive-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-positive-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-textonly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-textonly-border-color: transparent; - --spectrum-badge-xl-purple-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-textonly-text-transform: none; - --spectrum-badge-xl-purple-textonly-text-render: yes; - --spectrum-badge-xl-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-textonly-text-text-transform: none; - --spectrum-badge-xl-purple-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-textonly-icon-margin-top: 0; - --spectrum-badge-xl-purple-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-textonly-icon-type: icon; - --spectrum-badge-xl-purple-textonly-icon-render: no; - --spectrum-badge-xl-purple-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-textonly-layout: inline-row; - --spectrum-badge-xl-purple-textonly-height: auto; - --spectrum-badge-xl-purple-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-purple-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-textonly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-textonly-border-color: transparent; - --spectrum-badge-xl-seafoam-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-textonly-text-transform: none; - --spectrum-badge-xl-seafoam-textonly-text-render: yes; - --spectrum-badge-xl-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-textonly-text-text-transform: none; - --spectrum-badge-xl-seafoam-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-textonly-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-textonly-icon-type: icon; - --spectrum-badge-xl-seafoam-textonly-icon-render: no; - --spectrum-badge-xl-seafoam-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-textonly-layout: inline-row; - --spectrum-badge-xl-seafoam-textonly-height: auto; - --spectrum-badge-xl-seafoam-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-seafoam-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-textonly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-textonly-border-color: transparent; - --spectrum-badge-xl-yellow-textonly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-textonly-text-transform: none; - --spectrum-badge-xl-yellow-textonly-text-render: yes; - --spectrum-badge-xl-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-textonly-text-text-transform: none; - --spectrum-badge-xl-yellow-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-textonly-icon-margin-top: 0; - --spectrum-badge-xl-yellow-textonly-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-textonly-icon-type: icon; - --spectrum-badge-xl-yellow-textonly-icon-render: no; - --spectrum-badge-xl-yellow-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-textonly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-textonly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-textonly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-textonly-layout: inline-row; - --spectrum-badge-xl-yellow-textonly-height: auto; - --spectrum-badge-xl-yellow-textonly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-textonly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-yellow-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-badge-xl-fuchsia-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-fuchsia-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-down: var(--spectrum-global-color-static-fuchsia-800); - --spectrum-badge-xl-fuchsia-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-hover: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-fuchsia-icononly-background-color-key-focus: var(--spectrum-global-color-static-fuchsia-700); - --spectrum-badge-xl-fuchsia-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-fuchsia-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-fuchsia-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-fuchsia-600); - --spectrum-badge-xl-fuchsia-icononly-border-color: transparent; - --spectrum-badge-xl-fuchsia-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-fuchsia-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-icononly-text-transform: none; - --spectrum-badge-xl-fuchsia-icononly-text-render: no; - --spectrum-badge-xl-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-fuchsia-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-fuchsia-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-fuchsia-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-fuchsia-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-fuchsia-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-fuchsia-icononly-text-text-transform: none; - --spectrum-badge-xl-fuchsia-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-fuchsia-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-icon-margin-top: 0; - --spectrum-badge-xl-fuchsia-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-fuchsia-icononly-icon-type: icon; - --spectrum-badge-xl-fuchsia-icononly-icon-render: yes; - --spectrum-badge-xl-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-fuchsia-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-fuchsia-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-fuchsia-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-fuchsia-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-fuchsia-icononly-layout: inline-row; - --spectrum-badge-xl-fuchsia-icononly-height: auto; - --spectrum-badge-xl-fuchsia-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-fuchsia-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-fuchsia-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-fuchsia-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-fuchsia-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-fuchsia-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-indigo-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-indigo-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-down: var(--spectrum-global-color-static-indigo-800); - --spectrum-badge-xl-indigo-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-hover: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-indigo-icononly-background-color-key-focus: var(--spectrum-global-color-static-indigo-700); - --spectrum-badge-xl-indigo-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-indigo-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-indigo-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-indigo-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-indigo-600); - --spectrum-badge-xl-indigo-icononly-border-color: transparent; - --spectrum-badge-xl-indigo-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-indigo-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-icononly-text-transform: none; - --spectrum-badge-xl-indigo-icononly-text-render: no; - --spectrum-badge-xl-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-indigo-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-indigo-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-indigo-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-indigo-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-indigo-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-indigo-icononly-text-text-transform: none; - --spectrum-badge-xl-indigo-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-indigo-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-icon-margin-top: 0; - --spectrum-badge-xl-indigo-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-indigo-icononly-icon-type: icon; - --spectrum-badge-xl-indigo-icononly-icon-render: yes; - --spectrum-badge-xl-indigo-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-indigo-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-indigo-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-indigo-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-indigo-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-indigo-icononly-layout: inline-row; - --spectrum-badge-xl-indigo-icononly-height: auto; - --spectrum-badge-xl-indigo-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-indigo-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-indigo-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-indigo-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-indigo-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-indigo-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-informative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-informative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-informative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-down: var(--spectrum-semantic-informative-background-color-down); - --spectrum-badge-xl-informative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-hover: var(--spectrum-semantic-informative-background-color-hover); - --spectrum-badge-xl-informative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-informative-icononly-background-color-key-focus: var(--spectrum-semantic-informative-background-color-key-focus); - --spectrum-badge-xl-informative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-informative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-informative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-informative-icononly-background-color-mouse-focus: var(--spectrum-semantic-informative-background-color-default); - --spectrum-badge-xl-informative-icononly-border-color: transparent; - --spectrum-badge-xl-informative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-informative-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-icononly-text-transform: none; - --spectrum-badge-xl-informative-icononly-text-render: no; - --spectrum-badge-xl-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-informative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-informative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-informative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-informative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-informative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-informative-icononly-text-text-transform: none; - --spectrum-badge-xl-informative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-informative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-icon-margin-top: 0; - --spectrum-badge-xl-informative-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-informative-icononly-icon-type: icon; - --spectrum-badge-xl-informative-icononly-icon-render: yes; - --spectrum-badge-xl-informative-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-informative-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-informative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-informative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-informative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-informative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-informative-icononly-layout: inline-row; - --spectrum-badge-xl-informative-icononly-height: auto; - --spectrum-badge-xl-informative-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-informative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-informative-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-informative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-informative-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-informative-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-magenta-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-magenta-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-down: var(--spectrum-global-color-static-magenta-800); - --spectrum-badge-xl-magenta-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-hover: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-magenta-icononly-background-color-key-focus: var(--spectrum-global-color-static-magenta-700); - --spectrum-badge-xl-magenta-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-magenta-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-magenta-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-magenta-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-magenta-600); - --spectrum-badge-xl-magenta-icononly-border-color: transparent; - --spectrum-badge-xl-magenta-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-magenta-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-icononly-text-transform: none; - --spectrum-badge-xl-magenta-icononly-text-render: no; - --spectrum-badge-xl-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-magenta-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-magenta-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-magenta-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-magenta-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-magenta-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-magenta-icononly-text-text-transform: none; - --spectrum-badge-xl-magenta-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-magenta-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-icon-margin-top: 0; - --spectrum-badge-xl-magenta-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-magenta-icononly-icon-type: icon; - --spectrum-badge-xl-magenta-icononly-icon-render: yes; - --spectrum-badge-xl-magenta-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-magenta-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-magenta-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-magenta-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-magenta-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-magenta-icononly-layout: inline-row; - --spectrum-badge-xl-magenta-icononly-height: auto; - --spectrum-badge-xl-magenta-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-magenta-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-magenta-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-magenta-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-magenta-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-magenta-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-negative-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-negative-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-negative-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-down: var(--spectrum-semantic-negative-background-color-down); - --spectrum-badge-xl-negative-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-hover: var(--spectrum-semantic-negative-background-color-hover); - --spectrum-badge-xl-negative-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-negative-icononly-background-color-key-focus: var(--spectrum-semantic-negative-background-color-key-focus); - --spectrum-badge-xl-negative-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-negative-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-negative-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-negative-icononly-background-color-mouse-focus: var(--spectrum-semantic-negative-background-color-default); - --spectrum-badge-xl-negative-icononly-border-color: transparent; - --spectrum-badge-xl-negative-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-negative-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-icononly-text-transform: none; - --spectrum-badge-xl-negative-icononly-text-render: no; - --spectrum-badge-xl-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-negative-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-negative-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-negative-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-negative-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-negative-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-negative-icononly-text-text-transform: none; - --spectrum-badge-xl-negative-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-negative-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-icon-margin-top: 0; - --spectrum-badge-xl-negative-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-negative-icononly-icon-type: icon; - --spectrum-badge-xl-negative-icononly-icon-render: yes; - --spectrum-badge-xl-negative-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-negative-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-negative-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-negative-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-negative-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-negative-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-negative-icononly-layout: inline-row; - --spectrum-badge-xl-negative-icononly-height: auto; - --spectrum-badge-xl-negative-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-negative-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-negative-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-negative-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-negative-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-negative-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-neutral-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-neutral-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-down: var(--spectrum-semantic-neutral-background-color-down); - --spectrum-badge-xl-neutral-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-hover: var(--spectrum-semantic-neutral-background-color-hover); - --spectrum-badge-xl-neutral-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-neutral-icononly-background-color-key-focus: var(--spectrum-semantic-neutral-background-color-key-focus); - --spectrum-badge-xl-neutral-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-neutral-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-neutral-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-neutral-icononly-background-color-mouse-focus: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-badge-xl-neutral-icononly-border-color: transparent; - --spectrum-badge-xl-neutral-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-neutral-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-icononly-text-transform: none; - --spectrum-badge-xl-neutral-icononly-text-render: no; - --spectrum-badge-xl-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-neutral-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-neutral-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-neutral-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-neutral-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-neutral-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-neutral-icononly-text-text-transform: none; - --spectrum-badge-xl-neutral-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-neutral-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-icon-margin-top: 0; - --spectrum-badge-xl-neutral-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-neutral-icononly-icon-type: icon; - --spectrum-badge-xl-neutral-icononly-icon-render: yes; - --spectrum-badge-xl-neutral-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-neutral-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-neutral-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-neutral-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-neutral-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-neutral-icononly-layout: inline-row; - --spectrum-badge-xl-neutral-icononly-height: auto; - --spectrum-badge-xl-neutral-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-neutral-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-neutral-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-neutral-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-neutral-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-neutral-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-positive-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-positive-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-positive-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-down: var(--spectrum-semantic-positive-background-color-down); - --spectrum-badge-xl-positive-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-hover: var(--spectrum-semantic-positive-background-color-hover); - --spectrum-badge-xl-positive-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-positive-icononly-background-color-key-focus: var(--spectrum-semantic-positive-background-color-key-focus); - --spectrum-badge-xl-positive-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-positive-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-positive-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-positive-icononly-background-color-mouse-focus: var(--spectrum-semantic-positive-background-color-default); - --spectrum-badge-xl-positive-icononly-border-color: transparent; - --spectrum-badge-xl-positive-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-positive-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-icononly-text-transform: none; - --spectrum-badge-xl-positive-icononly-text-render: no; - --spectrum-badge-xl-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-positive-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-positive-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-positive-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-positive-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-positive-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-positive-icononly-text-text-transform: none; - --spectrum-badge-xl-positive-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-positive-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-icon-margin-top: 0; - --spectrum-badge-xl-positive-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-positive-icononly-icon-type: icon; - --spectrum-badge-xl-positive-icononly-icon-render: yes; - --spectrum-badge-xl-positive-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-positive-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-positive-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-positive-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-positive-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-positive-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-positive-icononly-layout: inline-row; - --spectrum-badge-xl-positive-icononly-height: auto; - --spectrum-badge-xl-positive-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-positive-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-positive-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-positive-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-positive-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-positive-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-purple-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-purple-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-purple-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-down: var(--spectrum-global-color-static-purple-800); - --spectrum-badge-xl-purple-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-hover: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-purple-icononly-background-color-key-focus: var(--spectrum-global-color-static-purple-700); - --spectrum-badge-xl-purple-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-purple-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-purple-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-purple-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-purple-600); - --spectrum-badge-xl-purple-icononly-border-color: transparent; - --spectrum-badge-xl-purple-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-purple-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-icononly-text-transform: none; - --spectrum-badge-xl-purple-icononly-text-render: no; - --spectrum-badge-xl-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-purple-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-purple-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-purple-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-purple-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-purple-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-purple-icononly-text-text-transform: none; - --spectrum-badge-xl-purple-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-purple-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-icon-margin-top: 0; - --spectrum-badge-xl-purple-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-purple-icononly-icon-type: icon; - --spectrum-badge-xl-purple-icononly-icon-render: yes; - --spectrum-badge-xl-purple-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-purple-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-purple-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-purple-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-purple-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-purple-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-purple-icononly-layout: inline-row; - --spectrum-badge-xl-purple-icononly-height: auto; - --spectrum-badge-xl-purple-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-purple-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-purple-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-purple-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-purple-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-purple-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-seafoam-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-seafoam-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-down: var(--spectrum-global-color-static-seafoam-800); - --spectrum-badge-xl-seafoam-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-hover: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-seafoam-icononly-background-color-key-focus: var(--spectrum-global-color-static-seafoam-700); - --spectrum-badge-xl-seafoam-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-badge-xl-seafoam-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-seafoam-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-seafoam-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-seafoam-600); - --spectrum-badge-xl-seafoam-icononly-border-color: transparent; - --spectrum-badge-xl-seafoam-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-seafoam-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-icononly-text-transform: none; - --spectrum-badge-xl-seafoam-icononly-text-render: no; - --spectrum-badge-xl-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-seafoam-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-seafoam-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-seafoam-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-seafoam-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-seafoam-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-seafoam-icononly-text-text-transform: none; - --spectrum-badge-xl-seafoam-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-seafoam-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-icon-margin-top: 0; - --spectrum-badge-xl-seafoam-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-seafoam-icononly-icon-type: icon; - --spectrum-badge-xl-seafoam-icononly-icon-render: yes; - --spectrum-badge-xl-seafoam-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-seafoam-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-seafoam-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-seafoam-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-seafoam-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-seafoam-icononly-layout: inline-row; - --spectrum-badge-xl-seafoam-icononly-height: auto; - --spectrum-badge-xl-seafoam-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-seafoam-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-seafoam-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-seafoam-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-seafoam-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-seafoam-icononly-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-badge-xl-yellow-icononly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-disabled: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-disabled: var(--spectrum-alias-background-color-disabled); - --spectrum-badge-xl-yellow-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-down: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-down: var(--spectrum-alias-background-color-yellow-down); - --spectrum-badge-xl-yellow-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-hover: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-hover: var(--spectrum-alias-background-color-yellow-hover); - --spectrum-badge-xl-yellow-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-key-focus: yes; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-badge-xl-yellow-icononly-background-color-key-focus: var(--spectrum-alias-background-color-yellow-key-focus); - --spectrum-badge-xl-yellow-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-badge-xl-yellow-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-focus-ring-render-mouse-focus: no; - --spectrum-badge-xl-yellow-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-badge-xl-yellow-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-yellow-default); - --spectrum-badge-xl-yellow-icononly-border-color: transparent; - --spectrum-badge-xl-yellow-icononly-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-badge-xl-yellow-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-icononly-text-transform: none; - --spectrum-badge-xl-yellow-icononly-text-render: no; - --spectrum-badge-xl-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-badge-xl-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-badge-xl-yellow-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-badge-xl-yellow-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-badge-xl-yellow-icononly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-badge-xl-yellow-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-badge-xl-yellow-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-badge-xl-yellow-icononly-text-text-transform: none; - --spectrum-badge-xl-yellow-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-badge-xl-yellow-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-icon-margin-top: 0; - --spectrum-badge-xl-yellow-icononly-icon-margin-bottom: 0; - --spectrum-badge-xl-yellow-icononly-icon-type: icon; - --spectrum-badge-xl-yellow-icononly-icon-render: yes; - --spectrum-badge-xl-yellow-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-badge-xl-yellow-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-top-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-top-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-bottom-left-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-bottom-right-radius: var(--spectrum-global-dimension-size-75); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-badge-xl-yellow-icononly-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-medium); - --spectrum-badge-xl-yellow-icononly-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedtop-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedbottom-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-top-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedright-border-top-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-bottom-right-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedright-border-bottom-left-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-top-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-top-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-bottom-right-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-badge-xl-yellow-icononly-fixedleft-border-bottom-left-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-badge-xl-yellow-icononly-layout: inline-row; - --spectrum-badge-xl-yellow-icononly-height: auto; - --spectrum-badge-xl-yellow-icononly-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-badge-xl-yellow-icononly-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-badge-xl-yellow-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-badge-xl-yellow-icononly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-badge-xl-yellow-icononly-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-badge-xl-yellow-icononly-padding-left: var(--spectrum-global-dimension-size-160); -} diff --git a/components/vars/css/components/spectrum-body.css b/components/vars/css/components/spectrum-body.css deleted file mode 100644 index a360f8c3932..00000000000 --- a/components/vars/css/components/spectrum-body.css +++ /dev/null @@ -1,2018 +0,0 @@ -:root { - --spectrum-body-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-strong-text-transform: none; - --spectrum-body-xs-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-emphasized-margin-top: 0px; - --spectrum-body-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-emphasized-text-transform: none; - --spectrum-body-xs-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-strong-margin-top: 0px; - --spectrum-body-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-strong-text-transform: none; - --spectrum-body-xs-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xs-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-serif-margin-top: 0px; - --spectrum-body-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-serif-text-transform: none; - --spectrum-body-s-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-strong-text-transform: none; - --spectrum-body-s-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-emphasized-margin-top: 0px; - --spectrum-body-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-emphasized-text-transform: none; - --spectrum-body-s-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-strong-margin-top: 0px; - --spectrum-body-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-strong-text-transform: none; - --spectrum-body-s-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-s-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-serif-margin-top: 0px; - --spectrum-body-s-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-serif-text-transform: none; - --spectrum-body-m-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-strong-text-transform: none; - --spectrum-body-m-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-emphasized-margin-top: 0px; - --spectrum-body-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-emphasized-text-transform: none; - --spectrum-body-m-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-strong-margin-top: 0px; - --spectrum-body-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-strong-text-transform: none; - --spectrum-body-m-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-m-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-serif-margin-top: 0px; - --spectrum-body-m-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-serif-text-transform: none; - --spectrum-body-l-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-strong-text-transform: none; - --spectrum-body-l-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-emphasized-margin-top: 0px; - --spectrum-body-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-emphasized-text-transform: none; - --spectrum-body-l-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-strong-margin-top: 0px; - --spectrum-body-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-strong-text-transform: none; - --spectrum-body-l-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-l-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-serif-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-serif-margin-top: 0px; - --spectrum-body-l-serif-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-serif-text-transform: none; - --spectrum-body-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-emphasized-margin-top: 0px; - --spectrum-body-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-emphasized-text-transform: none; - --spectrum-body-xl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-strong-margin-top: 0px; - --spectrum-body-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-strong-text-transform: none; - --spectrum-body-xl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-serif-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-serif-margin-top: 0px; - --spectrum-body-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-serif-text-transform: none; - --spectrum-body-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-emphasized-margin-top: 0px; - --spectrum-body-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-emphasized-text-transform: none; - --spectrum-body-xxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-strong-margin-top: 0px; - --spectrum-body-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-strong-text-transform: none; - --spectrum-body-xxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-serif-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-serif-margin-top: 0px; - --spectrum-body-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-serif-text-transform: none; - --spectrum-body-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-xxxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-emphasized-margin-top: 0px; - --spectrum-body-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-emphasized-text-transform: none; - --spectrum-body-xxxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-strong-margin-top: 0px; - --spectrum-body-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-strong-text-transform: none; - --spectrum-body-xxxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-body-xxxl-serif-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-serif-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-serif-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-serif-margin-top: 0px; - --spectrum-body-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-serif-text-transform: none; - --spectrum-body-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-strong-margin-top: 0px; - --spectrum-body-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-strong-text-transform: none; - --spectrum-body-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-emphasized-margin-top: 0px; - --spectrum-body-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-emphasized-text-transform: none; - --spectrum-body-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-strong-margin-top: 0px; - --spectrum-body-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-strong-text-transform: none; - --spectrum-body-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-color: var(--spectrum-alias-text-color); - --spectrum-body-xs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xs-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xs-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-xs-margin-top: 0px; - --spectrum-body-xs-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-xs-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xs-text-transform: none; - --spectrum-body-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-strong-margin-top: 0px; - --spectrum-body-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-strong-text-transform: none; - --spectrum-body-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-emphasized-margin-top: 0px; - --spectrum-body-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-emphasized-text-transform: none; - --spectrum-body-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-strong-margin-top: 0px; - --spectrum-body-s-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-strong-text-transform: none; - --spectrum-body-s-text-color: var(--spectrum-alias-text-color); - --spectrum-body-s-color: var(--spectrum-alias-text-color); - --spectrum-body-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-s-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-s-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-s-margin-top: 0px; - --spectrum-body-s-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-s-text-transform: none; - --spectrum-body-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-strong-margin-top: 0px; - --spectrum-body-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-strong-text-transform: none; - --spectrum-body-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-emphasized-margin-top: 0px; - --spectrum-body-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-emphasized-text-transform: none; - --spectrum-body-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-strong-margin-top: 0px; - --spectrum-body-m-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-strong-text-transform: none; - --spectrum-body-m-text-color: var(--spectrum-alias-text-color); - --spectrum-body-m-color: var(--spectrum-alias-text-color); - --spectrum-body-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-m-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-m-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-m-margin-top: 0px; - --spectrum-body-m-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-m-text-transform: none; - --spectrum-body-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-strong-margin-top: 0px; - --spectrum-body-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-strong-text-transform: none; - --spectrum-body-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-emphasized-margin-top: 0px; - --spectrum-body-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-emphasized-text-transform: none; - --spectrum-body-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-strong-margin-top: 0px; - --spectrum-body-l-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-strong-text-transform: none; - --spectrum-body-l-text-color: var(--spectrum-alias-text-color); - --spectrum-body-l-color: var(--spectrum-alias-text-color); - --spectrum-body-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-l-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-l-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-l-margin-top: 0px; - --spectrum-body-l-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-l-text-transform: none; - --spectrum-body-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-strong-margin-top: 0px; - --spectrum-body-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-strong-text-transform: none; - --spectrum-body-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-emphasized-margin-top: 0px; - --spectrum-body-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-emphasized-text-transform: none; - --spectrum-body-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-strong-margin-top: 0px; - --spectrum-body-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-strong-text-transform: none; - --spectrum-body-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-color: var(--spectrum-alias-text-color); - --spectrum-body-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-xl-margin-top: 0px; - --spectrum-body-xl-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xl-text-transform: none; - --spectrum-body-xxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-strong-margin-top: 0px; - --spectrum-body-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-strong-text-transform: none; - --spectrum-body-xxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-emphasized-margin-top: 0px; - --spectrum-body-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-emphasized-text-transform: none; - --spectrum-body-xxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-strong-margin-top: 0px; - --spectrum-body-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-strong-text-transform: none; - --spectrum-body-xxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-color: var(--spectrum-alias-text-color); - --spectrum-body-xxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxl-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-xxl-margin-top: 0px; - --spectrum-body-xxl-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-xxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxl-text-transform: none; - --spectrum-body-xxxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-strong-margin-top: 0px; - --spectrum-body-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-strong-text-transform: none; - --spectrum-body-xxxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-emphasized-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-body-xxxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-emphasized-margin-top: 0px; - --spectrum-body-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-emphasized-text-transform: none; - --spectrum-body-xxxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-body-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-strong-margin-top: 0px; - --spectrum-body-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-strong-text-transform: none; - --spectrum-body-xxxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-color: var(--spectrum-alias-text-color); - --spectrum-body-xxxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-body-xxxl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-body-xxxl-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-body-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-xxxl-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-xxxl-margin-top: 0px; - --spectrum-body-xxxl-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-xxxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-body-xxxl-text-transform: none; - --spectrum-body-han-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xs-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-emphasized-text-transform: none; - --spectrum-body-han-xs-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-strong-margin-top: 0px; - --spectrum-body-han-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-strong-text-transform: none; - --spectrum-body-han-xs-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-serif-margin-top: 0px; - --spectrum-body-han-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-serif-text-transform: none; - --spectrum-body-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-s-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-emphasized-margin-top: 0px; - --spectrum-body-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-emphasized-text-transform: none; - --spectrum-body-han-s-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-strong-margin-top: 0px; - --spectrum-body-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-strong-text-transform: none; - --spectrum-body-han-s-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-serif-margin-top: 0px; - --spectrum-body-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-serif-text-transform: none; - --spectrum-body-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-m-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-emphasized-margin-top: 0px; - --spectrum-body-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-emphasized-text-transform: none; - --spectrum-body-han-m-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-strong-margin-top: 0px; - --spectrum-body-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-strong-text-transform: none; - --spectrum-body-han-m-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-serif-margin-top: 0px; - --spectrum-body-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-serif-text-transform: none; - --spectrum-body-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-l-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-emphasized-margin-top: 0px; - --spectrum-body-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-emphasized-text-transform: none; - --spectrum-body-han-l-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-strong-margin-top: 0px; - --spectrum-body-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-strong-text-transform: none; - --spectrum-body-han-l-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-serif-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-serif-margin-top: 0px; - --spectrum-body-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-serif-text-transform: none; - --spectrum-body-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-emphasized-text-transform: none; - --spectrum-body-han-xl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-strong-margin-top: 0px; - --spectrum-body-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-strong-text-transform: none; - --spectrum-body-han-xl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-serif-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-serif-margin-top: 0px; - --spectrum-body-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-serif-text-transform: none; - --spectrum-body-han-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-emphasized-text-transform: none; - --spectrum-body-han-xxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-strong-margin-top: 0px; - --spectrum-body-han-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-strong-text-transform: none; - --spectrum-body-han-xxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-serif-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-serif-margin-top: 0px; - --spectrum-body-han-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-serif-text-transform: none; - --spectrum-body-han-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-body-han-xxxl-serif-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-emphasized-margin-top: 0px; - --spectrum-body-han-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-emphasized-text-transform: none; - --spectrum-body-han-xxxl-serif-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-strong-margin-top: 0px; - --spectrum-body-han-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-strong-text-transform: none; - --spectrum-body-han-xxxl-serif-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-serif-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-serif-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-serif-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-serif-margin-top: 0px; - --spectrum-body-han-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-serif-text-transform: none; - --spectrum-body-han-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-strong-text-transform: none; - --spectrum-body-han-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-emphasized-margin-top: 0px; - --spectrum-body-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-emphasized-text-transform: none; - --spectrum-body-han-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-strong-margin-top: 0px; - --spectrum-body-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-strong-text-transform: none; - --spectrum-body-han-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xs-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xs-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-body-han-xs-margin-top: 0px; - --spectrum-body-han-xs-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-body-han-xs-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xs-text-transform: none; - --spectrum-body-han-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-strong-margin-top: 0px; - --spectrum-body-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-strong-text-transform: none; - --spectrum-body-han-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-emphasized-margin-top: 0px; - --spectrum-body-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-emphasized-text-transform: none; - --spectrum-body-han-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-strong-margin-top: 0px; - --spectrum-body-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-strong-text-transform: none; - --spectrum-body-han-s-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-color: var(--spectrum-alias-text-color); - --spectrum-body-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-s-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-s-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-body-han-s-margin-top: 0px; - --spectrum-body-han-s-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-body-han-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-s-text-transform: none; - --spectrum-body-han-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-strong-margin-top: 0px; - --spectrum-body-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-strong-text-transform: none; - --spectrum-body-han-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-emphasized-margin-top: 0px; - --spectrum-body-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-emphasized-text-transform: none; - --spectrum-body-han-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-strong-margin-top: 0px; - --spectrum-body-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-strong-text-transform: none; - --spectrum-body-han-m-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-color: var(--spectrum-alias-text-color); - --spectrum-body-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-m-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-m-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-body-han-m-margin-top: 0px; - --spectrum-body-han-m-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-body-han-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-m-text-transform: none; - --spectrum-body-han-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-strong-margin-top: 0px; - --spectrum-body-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-strong-text-transform: none; - --spectrum-body-han-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-emphasized-margin-top: 0px; - --spectrum-body-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-emphasized-text-transform: none; - --spectrum-body-han-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-strong-margin-top: 0px; - --spectrum-body-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-strong-text-transform: none; - --spectrum-body-han-l-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-color: var(--spectrum-alias-text-color); - --spectrum-body-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-l-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-l-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-body-han-l-margin-top: 0px; - --spectrum-body-han-l-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-body-han-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-l-text-transform: none; - --spectrum-body-han-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-strong-text-transform: none; - --spectrum-body-han-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-emphasized-margin-top: 0px; - --spectrum-body-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-emphasized-text-transform: none; - --spectrum-body-han-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-strong-margin-top: 0px; - --spectrum-body-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-strong-text-transform: none; - --spectrum-body-han-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-body-han-xl-margin-top: 0px; - --spectrum-body-han-xl-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-body-han-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xl-text-transform: none; - --spectrum-body-han-xxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-strong-text-transform: none; - --spectrum-body-han-xxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-emphasized-margin-top: 0px; - --spectrum-body-han-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-emphasized-text-transform: none; - --spectrum-body-han-xxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-strong-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-strong-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-strong-margin-top: 0px; - --spectrum-body-han-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-strong-text-transform: none; - --spectrum-body-han-xxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxl-font-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-body-han-xxl-margin-top: 0px; - --spectrum-body-han-xxl-margin-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-body-han-xxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxl-text-transform: none; - --spectrum-body-han-xxxl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-strong-margin-top: 0px; - --spectrum-body-han-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-strong-text-transform: none; - --spectrum-body-han-xxxl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-body-han-xxxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-emphasized-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-emphasized-margin-top: 0px; - --spectrum-body-han-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-emphasized-text-transform: none; - --spectrum-body-han-xxxl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-strong-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-strong-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-body-han-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-strong-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-strong-margin-top: 0px; - --spectrum-body-han-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-strong-text-transform: none; - --spectrum-body-han-xxxl-text-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-color: var(--spectrum-alias-text-color); - --spectrum-body-han-xxxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-body-han-xxxl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-body-han-xxxl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-body-han-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-body-han-xxxl-font-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-body-han-xxxl-margin-top: 0px; - --spectrum-body-han-xxxl-margin-bottom: var(--spectrum-global-dimension-size-400); - --spectrum-body-han-xxxl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-body-han-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-body-han-xxxl-text-transform: none; -} diff --git a/components/vars/css/components/spectrum-bottomnavigation.css b/components/vars/css/components/spectrum-bottomnavigation.css deleted file mode 100644 index 7f333f31984..00000000000 --- a/components/vars/css/components/spectrum-bottomnavigation.css +++ /dev/null @@ -1,190 +0,0 @@ -:root { - --spectrum-bottomnavigation-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-bottomnavigation-primary-elevation: 8dp; - --spectrum-bottomnavigation-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-bottomnavigation-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-primary-item-icon-type: icon; - --spectrum-bottomnavigation-primary-item-icon-render: yes; - --spectrum-bottomnavigation-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-primary-item-text-transform: none; - --spectrum-bottomnavigation-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-primary-item-text-render: yes; - --spectrum-bottomnavigation-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-primary-item-text-text-transform: none; - --spectrum-bottomnavigation-primary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-bottomnavigation-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-primary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-bottomnavigation-sidelabel-primary-elevation: 8dp; - --spectrum-bottomnavigation-sidelabel-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-type: icon; - --spectrum-bottomnavigation-sidelabel-primary-item-icon-render: yes; - --spectrum-bottomnavigation-sidelabel-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-primary-item-text-transform: none; - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-primary-item-text-render: yes; - --spectrum-bottomnavigation-sidelabel-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-sidelabel-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-sidelabel-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-sidelabel-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-sidelabel-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-sidelabel-primary-item-text-text-transform: none; - --spectrum-bottomnavigation-sidelabel-primary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-bottomnavigation-sidelabel-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-bottomnavigation-sidelabel-primary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-bottomnavigation-secondary-elevation: 8dp; - --spectrum-bottomnavigation-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-bottomnavigation-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-secondary-item-icon-type: icon; - --spectrum-bottomnavigation-secondary-item-icon-render: yes; - --spectrum-bottomnavigation-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-secondary-item-text-transform: none; - --spectrum-bottomnavigation-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-75); - --spectrum-bottomnavigation-secondary-item-text-render: yes; - --spectrum-bottomnavigation-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-secondary-item-text-text-transform: none; - --spectrum-bottomnavigation-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-bottomnavigation-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-secondary-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-bottomnavigation-sidelabel-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-bottomnavigation-sidelabel-secondary-elevation: 8dp; - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-type: icon; - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-render: yes; - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-transform: none; - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-render: yes; - --spectrum-bottomnavigation-sidelabel-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-bottomnavigation-sidelabel-secondary-item-text-text-transform: none; - --spectrum-bottomnavigation-sidelabel-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-bottomnavigation-sidelabel-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-bottomnavigation-sidelabel-secondary-height: var(--spectrum-global-dimension-static-size-700); -} diff --git a/components/vars/css/components/spectrum-breadcrumb.css b/components/vars/css/components/spectrum-breadcrumb.css deleted file mode 100644 index b7727b96766..00000000000 --- a/components/vars/css/components/spectrum-breadcrumb.css +++ /dev/null @@ -1,688 +0,0 @@ -:root { - --spectrum-breadcrumb-s-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-s-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-s-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-s-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-s-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-s-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-s-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-s-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-s-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-s-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-render: yes; - --spectrum-breadcrumb-s-multiline-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-s-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-s-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-s-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-s-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-item-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-s-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-s-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-s-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-s-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-s-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-s-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-s-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-s-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-s-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-s-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-s-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-s-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-s-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-s-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-s-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-s-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-s-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-s-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-s-title-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-render: yes; - --spectrum-breadcrumb-s-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-s-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-s-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-s-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-s-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-s-item-text-text-transform: none; - --spectrum-breadcrumb-s-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-breadcrumb-s-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-s-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-s-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-m-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-m-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-m-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-m-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-m-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-m-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-m-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-m-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-item-text-render: yes; - --spectrum-breadcrumb-m-multiline-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-m-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-m-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-m-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-m-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-m-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-m-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-m-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-m-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-m-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-m-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-m-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-m-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-m-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-m-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-m-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-m-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-m-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-m-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-m-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-m-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-m-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-m-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-m-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-item-text-render: yes; - --spectrum-breadcrumb-m-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-m-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-m-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-m-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-m-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-m-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-m-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-m-item-text-text-transform: none; - --spectrum-breadcrumb-m-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-breadcrumb-m-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-m-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-m-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-m-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-multiline-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-multiline-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-multiline-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-multiline-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-multiline-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-l-multiline-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-multiline-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-multiline-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-multiline-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-l-multiline-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-l-multiline-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-l-multiline-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-l-multiline-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-l-multiline-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-multiline-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-breadcrumb-l-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-l-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-breadcrumb-l-multiline-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-item-text-render: yes; - --spectrum-breadcrumb-l-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-multiline-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-multiline-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-l-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-l-multiline-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-multiline-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-l-multiline-item-text-text-transform: none; - --spectrum-breadcrumb-l-multiline-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-multiline-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-multiline-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-multiline-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-l-multiline-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-multiline-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-item-text-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-breadcrumb-l-item-underline-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-disabled: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-down: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-down: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-down: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-down: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-hover: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-hover: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-hover: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-key-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-drop-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-drop-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-drop-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-breadcrumb-l-item-border-color-drop-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-breadcrumb-l-item-border-size-drop-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-text-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-underline-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-text-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-underline-color-down: var(--spectrum-alias-text-color-down); - --spectrum-breadcrumb-l-item-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-down: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-hover: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-underline-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-breadcrumb-l-item-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-breadcrumb-l-item-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-breadcrumb-l-item-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-text-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-breadcrumb-l-item-underline-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-breadcrumb-l-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-breadcrumb-l-item-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-separator-icon-color: var(--spectrum-alias-icon-color); - --spectrum-breadcrumb-l-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-breadcrumb-l-list-height: var(--spectrum-global-dimension-size-400); - --spectrum-breadcrumb-l-list-padding-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-breadcrumb-l-list-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-separator-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-separator-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-breadcrumb-l-separator-icon-height: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-separator-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-separator-margin-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-title-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-title-margin-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-breadcrumb-l-title-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-title-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-title-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong); - --spectrum-breadcrumb-l-title-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-button-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-button-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-item-text-render: yes; - --spectrum-breadcrumb-l-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-breadcrumb-l-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-breadcrumb-l-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-breadcrumb-l-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-breadcrumb-l-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-breadcrumb-l-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-breadcrumb-l-item-text-text-transform: none; - --spectrum-breadcrumb-l-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-item-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-breadcrumb-l-item-margin-left: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-margin-right: var(--spectrum-global-dimension-static-size-10); - --spectrum-breadcrumb-l-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-breadcrumb-l-item-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-item-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-breadcrumb-l-margin-bottom: var(--spectrum-global-dimension-size-100); -} diff --git a/components/vars/css/components/spectrum-button.css b/components/vars/css/components/spectrum-button.css deleted file mode 100644 index 2b725122b85..00000000000 --- a/components/vars/css/components/spectrum-button.css +++ /dev/null @@ -1,24506 +0,0 @@ -:root { - --spectrum-button-s-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-icononly-text-transform: none; - --spectrum-button-s-accent-fill-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-icononly-text-render: no; - --spectrum-button-s-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-icononly-justify-content: center; - --spectrum-button-s-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-icononly-text-transform: none; - --spectrum-button-s-primary-fill-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-icononly-text-render: no; - --spectrum-button-s-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-icononly-justify-content: center; - --spectrum-button-s-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-icononly-text-render: no; - --spectrum-button-s-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-icononly-text-transform: none; - --spectrum-button-s-negative-fill-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-icononly-text-render: no; - --spectrum-button-s-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-icononly-justify-content: center; - --spectrum-button-s-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-texticon-text-transform: none; - --spectrum-button-s-accent-fill-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-texticon-text-render: yes; - --spectrum-button-s-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-texticon-justify-content: center; - --spectrum-button-s-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-texticon-text-transform: none; - --spectrum-button-s-primary-fill-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-texticon-text-render: yes; - --spectrum-button-s-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-texticon-justify-content: center; - --spectrum-button-s-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-texticon-text-transform: none; - --spectrum-button-s-negative-fill-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-texticon-text-render: yes; - --spectrum-button-s-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-texticon-justify-content: center; - --spectrum-button-s-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-s-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-s-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-s-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-s-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-textonly-text-transform: none; - --spectrum-button-s-accent-fill-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-textonly-text-render: yes; - --spectrum-button-s-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-textonly-icon-render: no; - --spectrum-button-s-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-textonly-justify-content: center; - --spectrum-button-s-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-s-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-textonly-text-transform: none; - --spectrum-button-s-primary-fill-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-textonly-text-render: yes; - --spectrum-button-s-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-textonly-icon-render: no; - --spectrum-button-s-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-textonly-justify-content: center; - --spectrum-button-s-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-s-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-s-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-s-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-textonly-text-transform: none; - --spectrum-button-s-negative-fill-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-textonly-text-render: yes; - --spectrum-button-s-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-textonly-icon-render: no; - --spectrum-button-s-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-textonly-justify-content: center; - --spectrum-button-s-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-icononly-text-transform: none; - --spectrum-button-m-accent-fill-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-icononly-text-render: no; - --spectrum-button-m-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-icononly-justify-content: center; - --spectrum-button-m-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-icononly-text-transform: none; - --spectrum-button-m-primary-fill-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-icononly-text-render: no; - --spectrum-button-m-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-icononly-justify-content: center; - --spectrum-button-m-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-icononly-text-render: no; - --spectrum-button-m-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-icononly-text-transform: none; - --spectrum-button-m-negative-fill-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-icononly-text-render: no; - --spectrum-button-m-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-icononly-justify-content: center; - --spectrum-button-m-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-texticon-text-transform: none; - --spectrum-button-m-accent-fill-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-texticon-text-render: yes; - --spectrum-button-m-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-texticon-justify-content: center; - --spectrum-button-m-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-texticon-text-transform: none; - --spectrum-button-m-primary-fill-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-texticon-text-render: yes; - --spectrum-button-m-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-texticon-justify-content: center; - --spectrum-button-m-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-texticon-text-transform: none; - --spectrum-button-m-negative-fill-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-texticon-text-render: yes; - --spectrum-button-m-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-texticon-justify-content: center; - --spectrum-button-m-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-m-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-m-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-m-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-m-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-textonly-text-transform: none; - --spectrum-button-m-accent-fill-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-textonly-text-render: yes; - --spectrum-button-m-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-textonly-icon-render: no; - --spectrum-button-m-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-textonly-justify-content: center; - --spectrum-button-m-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-m-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-textonly-text-transform: none; - --spectrum-button-m-primary-fill-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-textonly-text-render: yes; - --spectrum-button-m-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-textonly-icon-render: no; - --spectrum-button-m-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-textonly-justify-content: center; - --spectrum-button-m-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-m-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-m-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-m-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-textonly-text-transform: none; - --spectrum-button-m-negative-fill-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-textonly-text-render: yes; - --spectrum-button-m-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-textonly-icon-render: no; - --spectrum-button-m-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-textonly-justify-content: center; - --spectrum-button-m-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-icononly-text-transform: none; - --spectrum-button-l-accent-fill-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-icononly-text-render: no; - --spectrum-button-l-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-icononly-justify-content: center; - --spectrum-button-l-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-icononly-text-transform: none; - --spectrum-button-l-primary-fill-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-icononly-text-render: no; - --spectrum-button-l-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-icononly-justify-content: center; - --spectrum-button-l-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-icononly-text-render: no; - --spectrum-button-l-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-icononly-text-transform: none; - --spectrum-button-l-negative-fill-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-icononly-text-render: no; - --spectrum-button-l-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-icononly-justify-content: center; - --spectrum-button-l-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-texticon-text-transform: none; - --spectrum-button-l-accent-fill-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-texticon-text-render: yes; - --spectrum-button-l-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-texticon-justify-content: center; - --spectrum-button-l-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-texticon-text-transform: none; - --spectrum-button-l-primary-fill-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-texticon-text-render: yes; - --spectrum-button-l-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-texticon-justify-content: center; - --spectrum-button-l-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-texticon-text-transform: none; - --spectrum-button-l-negative-fill-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-texticon-text-render: yes; - --spectrum-button-l-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-texticon-justify-content: center; - --spectrum-button-l-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-l-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-l-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-l-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-l-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-textonly-text-transform: none; - --spectrum-button-l-accent-fill-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-textonly-text-render: yes; - --spectrum-button-l-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-textonly-icon-render: no; - --spectrum-button-l-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-textonly-justify-content: center; - --spectrum-button-l-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-l-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-textonly-text-transform: none; - --spectrum-button-l-primary-fill-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-textonly-text-render: yes; - --spectrum-button-l-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-textonly-icon-render: no; - --spectrum-button-l-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-textonly-justify-content: center; - --spectrum-button-l-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-l-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-l-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-l-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-textonly-text-transform: none; - --spectrum-button-l-negative-fill-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-textonly-text-render: yes; - --spectrum-button-l-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-textonly-icon-render: no; - --spectrum-button-l-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-textonly-justify-content: center; - --spectrum-button-l-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-icononly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-icononly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-icononly-text-render: no; - --spectrum-button-xl-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-icononly-text-render: no; - --spectrum-button-xl-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-icononly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-icononly-text-render: no; - --spectrum-button-xl-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-texticon-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-texticon-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-button-xl-accent-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-button-xl-accent-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-textonly-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-button-xl-accent-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-textonly-background-color-mouse-focus: var(--spectrum-semantic-cta-background-color-default); - --spectrum-button-xl-accent-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-button-xl-primary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-fill-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-button-xl-negative-fill-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-textonly-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-button-xl-negative-fill-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-fill-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-button-xl-negative-fill-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-icononly-text-transform: none; - --spectrum-button-s-accent-outline-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-icononly-text-render: no; - --spectrum-button-s-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-icononly-justify-content: center; - --spectrum-button-s-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-icononly-text-transform: none; - --spectrum-button-s-primary-outline-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-icononly-text-render: no; - --spectrum-button-s-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-icononly-justify-content: center; - --spectrum-button-s-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-icononly-text-render: no; - --spectrum-button-s-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-icononly-text-transform: none; - --spectrum-button-s-negative-outline-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-icononly-text-render: no; - --spectrum-button-s-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-icononly-justify-content: center; - --spectrum-button-s-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-texticon-text-transform: none; - --spectrum-button-s-accent-outline-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-texticon-text-render: yes; - --spectrum-button-s-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-texticon-justify-content: center; - --spectrum-button-s-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-texticon-text-transform: none; - --spectrum-button-s-primary-outline-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-texticon-text-render: yes; - --spectrum-button-s-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-texticon-justify-content: center; - --spectrum-button-s-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-texticon-text-transform: none; - --spectrum-button-s-negative-outline-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-texticon-text-render: yes; - --spectrum-button-s-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-texticon-justify-content: center; - --spectrum-button-s-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-s-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-s-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-s-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-s-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-s-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-s-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-s-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-textonly-text-transform: none; - --spectrum-button-s-accent-outline-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-textonly-text-render: yes; - --spectrum-button-s-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-textonly-icon-render: no; - --spectrum-button-s-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-textonly-justify-content: center; - --spectrum-button-s-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-textonly-text-transform: none; - --spectrum-button-s-primary-outline-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-textonly-text-render: yes; - --spectrum-button-s-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-textonly-icon-render: no; - --spectrum-button-s-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-textonly-justify-content: center; - --spectrum-button-s-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-s-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-s-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-s-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-s-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-s-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-s-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-s-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-s-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-s-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-s-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-s-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-textonly-text-transform: none; - --spectrum-button-s-negative-outline-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-textonly-text-render: yes; - --spectrum-button-s-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-textonly-icon-render: no; - --spectrum-button-s-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-textonly-justify-content: center; - --spectrum-button-s-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-icononly-text-transform: none; - --spectrum-button-m-accent-outline-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-icononly-text-render: no; - --spectrum-button-m-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-icononly-justify-content: center; - --spectrum-button-m-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-icononly-text-transform: none; - --spectrum-button-m-primary-outline-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-icononly-text-render: no; - --spectrum-button-m-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-icononly-justify-content: center; - --spectrum-button-m-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-icononly-text-render: no; - --spectrum-button-m-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-icononly-text-transform: none; - --spectrum-button-m-negative-outline-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-icononly-text-render: no; - --spectrum-button-m-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-icononly-justify-content: center; - --spectrum-button-m-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-texticon-text-transform: none; - --spectrum-button-m-accent-outline-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-texticon-text-render: yes; - --spectrum-button-m-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-texticon-justify-content: center; - --spectrum-button-m-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-texticon-text-transform: none; - --spectrum-button-m-primary-outline-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-texticon-text-render: yes; - --spectrum-button-m-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-texticon-justify-content: center; - --spectrum-button-m-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-texticon-text-transform: none; - --spectrum-button-m-negative-outline-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-texticon-text-render: yes; - --spectrum-button-m-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-texticon-justify-content: center; - --spectrum-button-m-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-m-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-m-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-m-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-m-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-m-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-m-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-m-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-textonly-text-transform: none; - --spectrum-button-m-accent-outline-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-textonly-text-render: yes; - --spectrum-button-m-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-textonly-icon-render: no; - --spectrum-button-m-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-textonly-justify-content: center; - --spectrum-button-m-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-textonly-text-transform: none; - --spectrum-button-m-primary-outline-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-textonly-text-render: yes; - --spectrum-button-m-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-textonly-icon-render: no; - --spectrum-button-m-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-textonly-justify-content: center; - --spectrum-button-m-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-m-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-m-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-m-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-m-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-m-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-m-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-m-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-m-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-m-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-m-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-m-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-textonly-text-transform: none; - --spectrum-button-m-negative-outline-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-textonly-text-render: yes; - --spectrum-button-m-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-textonly-icon-render: no; - --spectrum-button-m-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-textonly-justify-content: center; - --spectrum-button-m-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-icononly-text-transform: none; - --spectrum-button-l-accent-outline-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-icononly-text-render: no; - --spectrum-button-l-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-icononly-justify-content: center; - --spectrum-button-l-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-icononly-text-transform: none; - --spectrum-button-l-primary-outline-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-icononly-text-render: no; - --spectrum-button-l-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-icononly-justify-content: center; - --spectrum-button-l-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-icononly-text-render: no; - --spectrum-button-l-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-icononly-text-transform: none; - --spectrum-button-l-negative-outline-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-icononly-text-render: no; - --spectrum-button-l-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-icononly-justify-content: center; - --spectrum-button-l-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-texticon-text-transform: none; - --spectrum-button-l-accent-outline-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-texticon-text-render: yes; - --spectrum-button-l-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-texticon-justify-content: center; - --spectrum-button-l-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-texticon-text-transform: none; - --spectrum-button-l-primary-outline-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-texticon-text-render: yes; - --spectrum-button-l-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-texticon-justify-content: center; - --spectrum-button-l-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-texticon-text-transform: none; - --spectrum-button-l-negative-outline-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-texticon-text-render: yes; - --spectrum-button-l-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-texticon-justify-content: center; - --spectrum-button-l-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-l-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-l-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-l-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-l-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-l-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-l-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-l-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-textonly-text-transform: none; - --spectrum-button-l-accent-outline-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-textonly-text-render: yes; - --spectrum-button-l-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-textonly-icon-render: no; - --spectrum-button-l-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-textonly-justify-content: center; - --spectrum-button-l-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-textonly-text-transform: none; - --spectrum-button-l-primary-outline-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-textonly-text-render: yes; - --spectrum-button-l-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-textonly-icon-render: no; - --spectrum-button-l-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-textonly-justify-content: center; - --spectrum-button-l-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-l-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-l-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-l-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-l-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-l-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-l-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-l-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-l-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-l-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-l-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-l-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-textonly-text-transform: none; - --spectrum-button-l-negative-outline-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-textonly-text-render: yes; - --spectrum-button-l-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-textonly-icon-render: no; - --spectrum-button-l-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-textonly-justify-content: center; - --spectrum-button-l-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-icononly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-icononly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-icononly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-icononly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-icononly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-icononly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-icononly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-icononly-text-render: no; - --spectrum-button-xl-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-icononly-text-render: no; - --spectrum-button-xl-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-icononly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-icononly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-icononly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-icononly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-icononly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-icononly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-icononly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-icononly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-icononly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-icononly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-icononly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-icononly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-icononly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-icononly-text-render: no; - --spectrum-button-xl-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-texticon-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-texticon-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-texticon-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-texticon-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-texticon-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-texticon-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-texticon-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-texticon-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-texticon-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-texticon-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-texticon-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-texticon-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-texticon-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-texticon-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-texticon-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-texticon-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-texticon-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-accent-outline-textonly-text-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-icon-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-text-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-icon-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-down: var(--spectrum-alias-transparent-blue-background-color-down); - --spectrum-button-xl-accent-outline-textonly-border-color-down: var(--spectrum-semantic-emphasized-border-color-down); - --spectrum-button-xl-accent-outline-textonly-text-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-icon-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-button-xl-accent-outline-textonly-border-color-hover: var(--spectrum-semantic-emphasized-border-color-hover); - --spectrum-button-xl-accent-outline-textonly-text-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-icon-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-border-color-key-focus: var(--spectrum-semantic-emphasized-border-color-key-focus); - --spectrum-button-xl-accent-outline-textonly-text-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-icon-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-textonly-border-color-mouse-focus: var(--spectrum-semantic-emphasized-border-color-default); - --spectrum-button-xl-accent-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-primary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-primary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-primary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-primary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-primary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-secondary-outline-textonly-text-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-icon-color: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-down: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-secondary-outline-textonly-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-text-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-textonly-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-border-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-button-xl-secondary-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-button-xl-secondary-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-textonly-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-textonly-icon-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-button-xl-negative-outline-textonly-text-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-icon-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-text-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-icon-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-down: var(--spectrum-alias-transparent-red-background-color-down); - --spectrum-button-xl-negative-outline-textonly-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-button-xl-negative-outline-textonly-text-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-icon-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-hover: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-button-xl-negative-outline-textonly-border-color-hover: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-text-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-icon-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-textonly-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-key-focus); - --spectrum-button-xl-negative-outline-textonly-border-color-key-focus: var(--spectrum-global-color-red-600); - --spectrum-button-xl-negative-outline-textonly-text-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-icon-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-textonly-border-color-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-button-xl-negative-outline-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-icononly-text-transform: none; - --spectrum-button-s-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-icononly-text-render: no; - --spectrum-button-s-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-white-icononly-justify-content: center; - --spectrum-button-s-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-icononly-text-transform: none; - --spectrum-button-s-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-icononly-text-render: no; - --spectrum-button-s-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-white-icononly-justify-content: center; - --spectrum-button-s-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-icononly-text-render: no; - --spectrum-button-s-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-icononly-text-transform: none; - --spectrum-button-s-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-icononly-text-render: no; - --spectrum-button-s-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-white-icononly-justify-content: center; - --spectrum-button-s-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-texticon-text-transform: none; - --spectrum-button-s-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-texticon-text-render: yes; - --spectrum-button-s-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-white-texticon-justify-content: center; - --spectrum-button-s-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-texticon-text-transform: none; - --spectrum-button-s-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-texticon-text-render: yes; - --spectrum-button-s-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-white-texticon-justify-content: center; - --spectrum-button-s-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-texticon-text-transform: none; - --spectrum-button-s-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-texticon-text-render: yes; - --spectrum-button-s-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-white-texticon-justify-content: center; - --spectrum-button-s-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-textonly-text-transform: none; - --spectrum-button-s-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-white-textonly-text-render: yes; - --spectrum-button-s-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-white-textonly-icon-render: no; - --spectrum-button-s-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-white-textonly-justify-content: center; - --spectrum-button-s-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-textonly-text-transform: none; - --spectrum-button-s-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-white-textonly-text-render: yes; - --spectrum-button-s-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-white-textonly-icon-render: no; - --spectrum-button-s-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-white-textonly-justify-content: center; - --spectrum-button-s-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-textonly-text-transform: none; - --spectrum-button-s-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-white-textonly-text-render: yes; - --spectrum-button-s-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-white-textonly-icon-render: no; - --spectrum-button-s-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-white-textonly-justify-content: center; - --spectrum-button-s-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-icononly-text-transform: none; - --spectrum-button-m-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-icononly-text-render: no; - --spectrum-button-m-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-white-icononly-justify-content: center; - --spectrum-button-m-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-icononly-text-transform: none; - --spectrum-button-m-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-icononly-text-render: no; - --spectrum-button-m-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-white-icononly-justify-content: center; - --spectrum-button-m-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-icononly-text-render: no; - --spectrum-button-m-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-icononly-text-transform: none; - --spectrum-button-m-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-icononly-text-render: no; - --spectrum-button-m-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-white-icononly-justify-content: center; - --spectrum-button-m-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-texticon-text-transform: none; - --spectrum-button-m-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-texticon-text-render: yes; - --spectrum-button-m-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-white-texticon-justify-content: center; - --spectrum-button-m-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-texticon-text-transform: none; - --spectrum-button-m-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-texticon-text-render: yes; - --spectrum-button-m-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-white-texticon-justify-content: center; - --spectrum-button-m-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-texticon-text-transform: none; - --spectrum-button-m-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-texticon-text-render: yes; - --spectrum-button-m-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-white-texticon-justify-content: center; - --spectrum-button-m-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-textonly-text-transform: none; - --spectrum-button-m-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-white-textonly-text-render: yes; - --spectrum-button-m-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-white-textonly-icon-render: no; - --spectrum-button-m-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-white-textonly-justify-content: center; - --spectrum-button-m-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-textonly-text-transform: none; - --spectrum-button-m-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-white-textonly-text-render: yes; - --spectrum-button-m-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-white-textonly-icon-render: no; - --spectrum-button-m-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-white-textonly-justify-content: center; - --spectrum-button-m-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-textonly-text-transform: none; - --spectrum-button-m-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-white-textonly-text-render: yes; - --spectrum-button-m-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-white-textonly-icon-render: no; - --spectrum-button-m-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-white-textonly-justify-content: center; - --spectrum-button-m-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-icononly-text-transform: none; - --spectrum-button-l-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-icononly-text-render: no; - --spectrum-button-l-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-white-icononly-justify-content: center; - --spectrum-button-l-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-icononly-text-transform: none; - --spectrum-button-l-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-icononly-text-render: no; - --spectrum-button-l-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-white-icononly-justify-content: center; - --spectrum-button-l-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-icononly-text-render: no; - --spectrum-button-l-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-icononly-text-transform: none; - --spectrum-button-l-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-icononly-text-render: no; - --spectrum-button-l-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-white-icononly-justify-content: center; - --spectrum-button-l-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-texticon-text-transform: none; - --spectrum-button-l-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-texticon-text-render: yes; - --spectrum-button-l-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-white-texticon-justify-content: center; - --spectrum-button-l-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-texticon-text-transform: none; - --spectrum-button-l-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-texticon-text-render: yes; - --spectrum-button-l-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-white-texticon-justify-content: center; - --spectrum-button-l-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-texticon-text-transform: none; - --spectrum-button-l-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-texticon-text-render: yes; - --spectrum-button-l-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-white-texticon-justify-content: center; - --spectrum-button-l-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-textonly-text-transform: none; - --spectrum-button-l-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-white-textonly-text-render: yes; - --spectrum-button-l-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-white-textonly-icon-render: no; - --spectrum-button-l-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-white-textonly-justify-content: center; - --spectrum-button-l-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-textonly-text-transform: none; - --spectrum-button-l-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-white-textonly-text-render: yes; - --spectrum-button-l-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-white-textonly-icon-render: no; - --spectrum-button-l-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-white-textonly-justify-content: center; - --spectrum-button-l-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-textonly-text-transform: none; - --spectrum-button-l-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-white-textonly-text-render: yes; - --spectrum-button-l-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-white-textonly-icon-render: no; - --spectrum-button-l-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-white-textonly-justify-content: center; - --spectrum-button-l-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-icononly-text-render: no; - --spectrum-button-xl-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-white-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-icononly-text-render: no; - --spectrum-button-xl-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-white-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-white-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-white-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-icononly-text-render: no; - --spectrum-button-xl-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-white-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-white-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-white-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-white-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-white-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-white-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-white-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-white-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-white-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-white-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-white-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-white-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-white-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-white-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-white-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-white-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-white-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-white-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-fill-white-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-white-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-fill-white-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-white-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-white-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-white-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-white-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-white-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-white-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-white-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-white-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-icononly-text-transform: none; - --spectrum-button-s-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-icononly-text-render: no; - --spectrum-button-s-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-white-icononly-justify-content: center; - --spectrum-button-s-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-icononly-text-transform: none; - --spectrum-button-s-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-icononly-text-render: no; - --spectrum-button-s-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-white-icononly-justify-content: center; - --spectrum-button-s-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-icononly-text-render: no; - --spectrum-button-s-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-icononly-text-transform: none; - --spectrum-button-s-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-icononly-text-render: no; - --spectrum-button-s-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-white-icononly-justify-content: center; - --spectrum-button-s-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-texticon-text-transform: none; - --spectrum-button-s-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-texticon-text-render: yes; - --spectrum-button-s-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-white-texticon-justify-content: center; - --spectrum-button-s-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-texticon-text-transform: none; - --spectrum-button-s-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-texticon-text-render: yes; - --spectrum-button-s-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-white-texticon-justify-content: center; - --spectrum-button-s-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-texticon-text-transform: none; - --spectrum-button-s-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-texticon-text-render: yes; - --spectrum-button-s-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-white-texticon-justify-content: center; - --spectrum-button-s-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-textonly-text-transform: none; - --spectrum-button-s-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-white-textonly-text-render: yes; - --spectrum-button-s-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-white-textonly-icon-render: no; - --spectrum-button-s-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-white-textonly-justify-content: center; - --spectrum-button-s-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-textonly-text-transform: none; - --spectrum-button-s-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-white-textonly-text-render: yes; - --spectrum-button-s-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-white-textonly-icon-render: no; - --spectrum-button-s-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-white-textonly-justify-content: center; - --spectrum-button-s-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-s-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-s-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-s-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-s-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-textonly-text-transform: none; - --spectrum-button-s-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-white-textonly-text-render: yes; - --spectrum-button-s-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-white-textonly-icon-render: no; - --spectrum-button-s-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-white-textonly-justify-content: center; - --spectrum-button-s-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-icononly-text-transform: none; - --spectrum-button-m-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-icononly-text-render: no; - --spectrum-button-m-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-white-icononly-justify-content: center; - --spectrum-button-m-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-icononly-text-transform: none; - --spectrum-button-m-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-icononly-text-render: no; - --spectrum-button-m-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-white-icononly-justify-content: center; - --spectrum-button-m-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-icononly-text-render: no; - --spectrum-button-m-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-icononly-text-transform: none; - --spectrum-button-m-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-icononly-text-render: no; - --spectrum-button-m-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-white-icononly-justify-content: center; - --spectrum-button-m-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-texticon-text-transform: none; - --spectrum-button-m-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-texticon-text-render: yes; - --spectrum-button-m-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-white-texticon-justify-content: center; - --spectrum-button-m-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-texticon-text-transform: none; - --spectrum-button-m-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-texticon-text-render: yes; - --spectrum-button-m-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-white-texticon-justify-content: center; - --spectrum-button-m-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-texticon-text-transform: none; - --spectrum-button-m-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-texticon-text-render: yes; - --spectrum-button-m-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-white-texticon-justify-content: center; - --spectrum-button-m-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-textonly-text-transform: none; - --spectrum-button-m-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-white-textonly-text-render: yes; - --spectrum-button-m-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-white-textonly-icon-render: no; - --spectrum-button-m-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-white-textonly-justify-content: center; - --spectrum-button-m-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-textonly-text-transform: none; - --spectrum-button-m-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-white-textonly-text-render: yes; - --spectrum-button-m-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-white-textonly-icon-render: no; - --spectrum-button-m-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-white-textonly-justify-content: center; - --spectrum-button-m-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-m-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-m-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-m-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-m-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-textonly-text-transform: none; - --spectrum-button-m-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-white-textonly-text-render: yes; - --spectrum-button-m-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-white-textonly-icon-render: no; - --spectrum-button-m-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-white-textonly-justify-content: center; - --spectrum-button-m-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-icononly-text-transform: none; - --spectrum-button-l-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-icononly-text-render: no; - --spectrum-button-l-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-white-icononly-justify-content: center; - --spectrum-button-l-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-icononly-text-transform: none; - --spectrum-button-l-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-icononly-text-render: no; - --spectrum-button-l-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-white-icononly-justify-content: center; - --spectrum-button-l-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-icononly-text-render: no; - --spectrum-button-l-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-icononly-text-transform: none; - --spectrum-button-l-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-icononly-text-render: no; - --spectrum-button-l-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-white-icononly-justify-content: center; - --spectrum-button-l-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-texticon-text-transform: none; - --spectrum-button-l-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-texticon-text-render: yes; - --spectrum-button-l-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-white-texticon-justify-content: center; - --spectrum-button-l-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-texticon-text-transform: none; - --spectrum-button-l-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-texticon-text-render: yes; - --spectrum-button-l-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-white-texticon-justify-content: center; - --spectrum-button-l-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-texticon-text-transform: none; - --spectrum-button-l-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-texticon-text-render: yes; - --spectrum-button-l-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-white-texticon-justify-content: center; - --spectrum-button-l-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-textonly-text-transform: none; - --spectrum-button-l-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-white-textonly-text-render: yes; - --spectrum-button-l-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-white-textonly-icon-render: no; - --spectrum-button-l-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-white-textonly-justify-content: center; - --spectrum-button-l-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-textonly-text-transform: none; - --spectrum-button-l-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-white-textonly-text-render: yes; - --spectrum-button-l-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-white-textonly-icon-render: no; - --spectrum-button-l-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-white-textonly-justify-content: center; - --spectrum-button-l-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-l-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-l-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-l-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-l-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-textonly-text-transform: none; - --spectrum-button-l-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-white-textonly-text-render: yes; - --spectrum-button-l-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-white-textonly-icon-render: no; - --spectrum-button-l-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-white-textonly-justify-content: center; - --spectrum-button-l-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-icononly-text-render: no; - --spectrum-button-xl-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-white-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-icononly-text-render: no; - --spectrum-button-xl-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-white-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-icononly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-icononly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-icononly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-icononly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-white-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-white-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-white-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-icononly-text-render: no; - --spectrum-button-xl-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-white-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-white-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-white-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-white-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-white-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-white-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-white-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-texticon-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-texticon-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-texticon-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-texticon-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-white-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-white-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-white-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-white-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-white-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-white-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-white-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-accent-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-accent-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-accent-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-accent-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-white-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-white-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-white-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-primary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-primary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-primary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-primary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-white-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-white-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-white-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-secondary-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-white-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-white-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-white-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-white-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-white-500); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-white-200); - --spectrum-button-xl-negative-outline-white-textonly-text-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-down: var(--spectrum-global-color-static-transparent-white-400); - --spectrum-button-xl-negative-outline-white-textonly-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-textonly-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-white-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-white-300); - --spectrum-button-xl-negative-outline-white-textonly-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-white-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-white-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-button-xl-negative-outline-white-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-white-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-white-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-white-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-white-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-white-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-white-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-white-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-white-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-white-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-white-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-white-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-white-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-white-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-white-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-white-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-white-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-white-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-white-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-white-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-white-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-white-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-white-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-white-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-white-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-icononly-text-transform: none; - --spectrum-button-s-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-s-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-s-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-icononly-text-render: no; - --spectrum-button-s-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-s-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-s-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-s-accent-fill-black-icononly-justify-content: center; - --spectrum-button-s-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-s-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-s-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-icononly-text-transform: none; - --spectrum-button-s-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-s-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-s-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-icononly-text-render: no; - --spectrum-button-s-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-s-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-s-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-s-primary-fill-black-icononly-justify-content: center; - --spectrum-button-s-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-s-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-s-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-s-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-s-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-s-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-icononly-text-render: no; - --spectrum-button-s-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-s-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-s-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-s-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-s-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-s-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-s-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-icononly-text-transform: none; - --spectrum-button-s-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-s-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-s-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-icononly-text-render: no; - --spectrum-button-s-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-s-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-s-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-s-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-s-negative-fill-black-icononly-justify-content: center; - --spectrum-button-s-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-s-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-s-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-texticon-text-transform: none; - --spectrum-button-s-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-s-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-s-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-texticon-text-render: yes; - --spectrum-button-s-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-s-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-s-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-s-accent-fill-black-texticon-justify-content: center; - --spectrum-button-s-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-texticon-text-transform: none; - --spectrum-button-s-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-s-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-s-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-texticon-text-render: yes; - --spectrum-button-s-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-s-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-s-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-s-primary-fill-black-texticon-justify-content: center; - --spectrum-button-s-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-s-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-s-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-s-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-s-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-s-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-s-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-s-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-s-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-texticon-text-transform: none; - --spectrum-button-s-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-s-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-s-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-texticon-text-render: yes; - --spectrum-button-s-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-s-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-s-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-s-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-s-negative-fill-black-texticon-justify-content: center; - --spectrum-button-s-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-textonly-text-transform: none; - --spectrum-button-s-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-s-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-s-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-fill-black-textonly-text-render: yes; - --spectrum-button-s-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-s-accent-fill-black-textonly-icon-render: no; - --spectrum-button-s-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-s-accent-fill-black-textonly-justify-content: center; - --spectrum-button-s-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-textonly-text-transform: none; - --spectrum-button-s-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-s-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-s-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-fill-black-textonly-text-render: yes; - --spectrum-button-s-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-s-primary-fill-black-textonly-icon-render: no; - --spectrum-button-s-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-s-primary-fill-black-textonly-justify-content: center; - --spectrum-button-s-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-s-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-s-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-s-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-s-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-s-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-s-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-s-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-s-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-s-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-textonly-text-transform: none; - --spectrum-button-s-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-s-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-s-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-fill-black-textonly-text-render: yes; - --spectrum-button-s-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-s-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-s-negative-fill-black-textonly-icon-render: no; - --spectrum-button-s-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-s-negative-fill-black-textonly-justify-content: center; - --spectrum-button-s-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-icononly-text-transform: none; - --spectrum-button-m-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-m-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-m-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-icononly-text-render: no; - --spectrum-button-m-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-m-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-m-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-m-accent-fill-black-icononly-justify-content: center; - --spectrum-button-m-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-m-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-m-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-icononly-text-transform: none; - --spectrum-button-m-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-m-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-m-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-icononly-text-render: no; - --spectrum-button-m-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-m-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-m-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-m-primary-fill-black-icononly-justify-content: center; - --spectrum-button-m-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-m-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-m-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-m-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-m-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-m-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-icononly-text-render: no; - --spectrum-button-m-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-m-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-m-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-m-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-m-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-m-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-m-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-icononly-text-transform: none; - --spectrum-button-m-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-m-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-m-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-icononly-text-render: no; - --spectrum-button-m-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-m-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-m-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-m-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-m-negative-fill-black-icononly-justify-content: center; - --spectrum-button-m-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-m-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-m-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-texticon-text-transform: none; - --spectrum-button-m-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-m-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-m-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-texticon-text-render: yes; - --spectrum-button-m-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-m-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-m-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-m-accent-fill-black-texticon-justify-content: center; - --spectrum-button-m-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-texticon-text-transform: none; - --spectrum-button-m-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-m-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-m-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-texticon-text-render: yes; - --spectrum-button-m-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-m-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-m-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-m-primary-fill-black-texticon-justify-content: center; - --spectrum-button-m-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-m-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-m-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-m-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-m-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-m-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-m-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-m-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-m-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-texticon-text-transform: none; - --spectrum-button-m-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-m-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-m-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-texticon-text-render: yes; - --spectrum-button-m-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-m-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-m-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-m-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-m-negative-fill-black-texticon-justify-content: center; - --spectrum-button-m-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-textonly-text-transform: none; - --spectrum-button-m-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-m-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-m-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-fill-black-textonly-text-render: yes; - --spectrum-button-m-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-m-accent-fill-black-textonly-icon-render: no; - --spectrum-button-m-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-m-accent-fill-black-textonly-justify-content: center; - --spectrum-button-m-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-textonly-text-transform: none; - --spectrum-button-m-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-m-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-m-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-fill-black-textonly-text-render: yes; - --spectrum-button-m-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-m-primary-fill-black-textonly-icon-render: no; - --spectrum-button-m-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-m-primary-fill-black-textonly-justify-content: center; - --spectrum-button-m-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-m-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-m-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-m-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-m-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-m-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-m-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-m-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-m-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-m-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-textonly-text-transform: none; - --spectrum-button-m-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-m-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-m-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-fill-black-textonly-text-render: yes; - --spectrum-button-m-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-m-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-m-negative-fill-black-textonly-icon-render: no; - --spectrum-button-m-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-m-negative-fill-black-textonly-justify-content: center; - --spectrum-button-m-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-icononly-text-transform: none; - --spectrum-button-l-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-l-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-l-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-icononly-text-render: no; - --spectrum-button-l-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-l-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-l-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-l-accent-fill-black-icononly-justify-content: center; - --spectrum-button-l-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-l-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-l-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-icononly-text-transform: none; - --spectrum-button-l-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-l-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-l-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-icononly-text-render: no; - --spectrum-button-l-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-l-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-l-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-l-primary-fill-black-icononly-justify-content: center; - --spectrum-button-l-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-l-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-l-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-l-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-l-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-l-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-icononly-text-render: no; - --spectrum-button-l-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-l-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-l-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-l-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-l-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-l-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-l-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-icononly-text-transform: none; - --spectrum-button-l-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-l-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-l-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-icononly-text-render: no; - --spectrum-button-l-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-l-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-l-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-l-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-l-negative-fill-black-icononly-justify-content: center; - --spectrum-button-l-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-l-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-l-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-texticon-text-transform: none; - --spectrum-button-l-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-l-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-l-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-texticon-text-render: yes; - --spectrum-button-l-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-l-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-l-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-l-accent-fill-black-texticon-justify-content: center; - --spectrum-button-l-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-texticon-text-transform: none; - --spectrum-button-l-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-l-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-l-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-texticon-text-render: yes; - --spectrum-button-l-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-l-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-l-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-l-primary-fill-black-texticon-justify-content: center; - --spectrum-button-l-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-l-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-l-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-l-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-l-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-l-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-l-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-l-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-l-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-texticon-text-transform: none; - --spectrum-button-l-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-l-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-l-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-texticon-text-render: yes; - --spectrum-button-l-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-l-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-l-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-l-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-l-negative-fill-black-texticon-justify-content: center; - --spectrum-button-l-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-textonly-text-transform: none; - --spectrum-button-l-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-l-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-l-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-fill-black-textonly-text-render: yes; - --spectrum-button-l-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-l-accent-fill-black-textonly-icon-render: no; - --spectrum-button-l-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-l-accent-fill-black-textonly-justify-content: center; - --spectrum-button-l-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-textonly-text-transform: none; - --spectrum-button-l-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-l-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-l-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-fill-black-textonly-text-render: yes; - --spectrum-button-l-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-l-primary-fill-black-textonly-icon-render: no; - --spectrum-button-l-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-l-primary-fill-black-textonly-justify-content: center; - --spectrum-button-l-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-l-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-l-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-l-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-l-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-l-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-l-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-l-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-l-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-l-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-textonly-text-transform: none; - --spectrum-button-l-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-l-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-l-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-fill-black-textonly-text-render: yes; - --spectrum-button-l-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-l-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-l-negative-fill-black-textonly-icon-render: no; - --spectrum-button-l-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-l-negative-fill-black-textonly-justify-content: center; - --spectrum-button-l-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-icononly-text-transform: none; - --spectrum-button-xl-accent-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-accent-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-accent-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-icononly-text-render: no; - --spectrum-button-xl-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-accent-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-accent-fill-black-icononly-justify-content: center; - --spectrum-button-xl-accent-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-accent-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-accent-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-icononly-text-transform: none; - --spectrum-button-xl-primary-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-primary-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-primary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-icononly-text-render: no; - --spectrum-button-xl-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-primary-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-primary-fill-black-icononly-justify-content: center; - --spectrum-button-xl-primary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-primary-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-primary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-text-transform: none; - --spectrum-button-xl-secondary-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-icononly-text-render: no; - --spectrum-button-xl-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-icononly-justify-content: center; - --spectrum-button-xl-secondary-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-secondary-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-secondary-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-icononly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-icononly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-icononly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-icononly-text-transform: none; - --spectrum-button-xl-negative-fill-black-icononly-text-flex: 1; - --spectrum-button-xl-negative-fill-black-icononly-text-text-align: center; - --spectrum-button-xl-negative-fill-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-icononly-text-render: no; - --spectrum-button-xl-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-icononly-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-icononly-icon-type: icon; - --spectrum-button-xl-negative-fill-black-icononly-icon-render: yes; - --spectrum-button-xl-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-icononly-layout: inline-row; - --spectrum-button-xl-negative-fill-black-icononly-justify-content: center; - --spectrum-button-xl-negative-fill-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-icononly-padding-left: 0; - --spectrum-button-xl-negative-fill-black-icononly-padding-right: 0; - --spectrum-button-xl-negative-fill-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-texticon-text-transform: none; - --spectrum-button-xl-accent-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-accent-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-accent-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-texticon-text-render: yes; - --spectrum-button-xl-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-accent-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-accent-fill-black-texticon-justify-content: center; - --spectrum-button-xl-accent-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-texticon-text-transform: none; - --spectrum-button-xl-primary-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-primary-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-primary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-texticon-text-render: yes; - --spectrum-button-xl-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-primary-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-primary-fill-black-texticon-justify-content: center; - --spectrum-button-xl-primary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-text-transform: none; - --spectrum-button-xl-secondary-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-texticon-text-render: yes; - --spectrum-button-xl-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-texticon-justify-content: center; - --spectrum-button-xl-secondary-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-texticon-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-texticon-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-texticon-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-texticon-text-transform: none; - --spectrum-button-xl-negative-fill-black-texticon-text-flex: 1; - --spectrum-button-xl-negative-fill-black-texticon-text-text-align: center; - --spectrum-button-xl-negative-fill-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-texticon-text-render: yes; - --spectrum-button-xl-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-texticon-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-texticon-icon-type: icon; - --spectrum-button-xl-negative-fill-black-texticon-icon-render: yes; - --spectrum-button-xl-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-texticon-layout: inline-row; - --spectrum-button-xl-negative-fill-black-texticon-justify-content: center; - --spectrum-button-xl-negative-fill-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-accent-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-textonly-text-transform: none; - --spectrum-button-xl-accent-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-accent-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-accent-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-fill-black-textonly-text-render: yes; - --spectrum-button-xl-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-accent-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-accent-fill-black-textonly-icon-render: no; - --spectrum-button-xl-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-accent-fill-black-textonly-justify-content: center; - --spectrum-button-xl-accent-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-primary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-textonly-text-transform: none; - --spectrum-button-xl-primary-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-primary-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-primary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-fill-black-textonly-text-render: yes; - --spectrum-button-xl-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-primary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-primary-fill-black-textonly-icon-render: no; - --spectrum-button-xl-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-primary-fill-black-textonly-justify-content: center; - --spectrum-button-xl-primary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-secondary-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-text-transform: none; - --spectrum-button-xl-secondary-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-secondary-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-secondary-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-fill-black-textonly-text-render: yes; - --spectrum-button-xl-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-secondary-fill-black-textonly-icon-render: no; - --spectrum-button-xl-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-secondary-fill-black-textonly-justify-content: center; - --spectrum-button-xl-secondary-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-fill-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-fill-black-textonly-border-color-disabled: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-down: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-down: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-down: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-hover: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-hover: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-key-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-fill-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-key-focus: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-icon-color-mouse-focus: inherit; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-fill-black-textonly-background-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-fill-black-textonly-border-color-mouse-focus: transparent; - --spectrum-button-xl-negative-fill-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-textonly-text-transform: none; - --spectrum-button-xl-negative-fill-black-textonly-text-flex: 1; - --spectrum-button-xl-negative-fill-black-textonly-text-text-align: center; - --spectrum-button-xl-negative-fill-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-fill-black-textonly-text-render: yes; - --spectrum-button-xl-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-fill-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-fill-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-fill-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-fill-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-fill-black-textonly-text-text-transform: none; - --spectrum-button-xl-negative-fill-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-fill-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-fill-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-fill-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-fill-black-textonly-icon-type: icon; - --spectrum-button-xl-negative-fill-black-textonly-icon-render: no; - --spectrum-button-xl-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-fill-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-fill-black-textonly-layout: inline-row; - --spectrum-button-xl-negative-fill-black-textonly-justify-content: center; - --spectrum-button-xl-negative-fill-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-fill-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-fill-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-fill-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-fill-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-fill-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-icononly-text-transform: none; - --spectrum-button-s-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-s-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-s-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-icononly-text-render: no; - --spectrum-button-s-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-s-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-s-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-s-accent-outline-black-icononly-justify-content: center; - --spectrum-button-s-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-s-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-s-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-icononly-text-transform: none; - --spectrum-button-s-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-s-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-s-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-icononly-text-render: no; - --spectrum-button-s-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-s-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-s-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-s-primary-outline-black-icononly-justify-content: center; - --spectrum-button-s-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-s-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-s-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-s-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-s-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-s-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-icononly-text-render: no; - --spectrum-button-s-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-s-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-s-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-s-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-s-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-s-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-s-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-icononly-text-transform: none; - --spectrum-button-s-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-s-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-s-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-icononly-text-render: no; - --spectrum-button-s-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-s-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-s-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-s-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-s-negative-outline-black-icononly-justify-content: center; - --spectrum-button-s-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-s-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-s-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-texticon-text-transform: none; - --spectrum-button-s-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-s-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-s-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-texticon-text-render: yes; - --spectrum-button-s-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-s-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-s-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-s-accent-outline-black-texticon-justify-content: center; - --spectrum-button-s-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-texticon-text-transform: none; - --spectrum-button-s-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-s-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-s-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-texticon-text-render: yes; - --spectrum-button-s-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-s-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-s-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-s-primary-outline-black-texticon-justify-content: center; - --spectrum-button-s-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-s-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-s-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-s-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-s-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-s-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-s-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-s-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-s-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-texticon-text-transform: none; - --spectrum-button-s-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-s-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-s-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-texticon-text-render: yes; - --spectrum-button-s-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-s-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-s-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-s-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-s-negative-outline-black-texticon-justify-content: center; - --spectrum-button-s-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-button-s-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-textonly-text-transform: none; - --spectrum-button-s-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-s-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-s-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-accent-outline-black-textonly-text-render: yes; - --spectrum-button-s-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-s-accent-outline-black-textonly-icon-render: no; - --spectrum-button-s-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-s-accent-outline-black-textonly-justify-content: center; - --spectrum-button-s-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-textonly-text-transform: none; - --spectrum-button-s-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-s-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-s-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-primary-outline-black-textonly-text-render: yes; - --spectrum-button-s-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-s-primary-outline-black-textonly-icon-render: no; - --spectrum-button-s-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-s-primary-outline-black-textonly-justify-content: center; - --spectrum-button-s-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-s-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-s-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-s-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-s-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-s-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-s-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-s-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-s-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-s-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-s-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-s-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-s-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-s-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-s-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-s-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-s-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-textonly-text-transform: none; - --spectrum-button-s-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-s-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-s-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-s-negative-outline-black-textonly-text-render: yes; - --spectrum-button-s-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-s-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-s-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-s-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-s-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-s-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-button-s-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-button-s-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-s-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-s-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-s-negative-outline-black-textonly-icon-render: no; - --spectrum-button-s-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-s-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-s-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-s-negative-outline-black-textonly-justify-content: center; - --spectrum-button-s-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-s-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-675); - --spectrum-button-s-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-button-s-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-button-s-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-s-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-icononly-text-transform: none; - --spectrum-button-m-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-m-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-m-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-icononly-text-render: no; - --spectrum-button-m-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-m-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-m-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-m-accent-outline-black-icononly-justify-content: center; - --spectrum-button-m-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-m-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-m-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-icononly-text-transform: none; - --spectrum-button-m-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-m-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-m-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-icononly-text-render: no; - --spectrum-button-m-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-m-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-m-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-m-primary-outline-black-icononly-justify-content: center; - --spectrum-button-m-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-m-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-m-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-m-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-m-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-m-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-icononly-text-render: no; - --spectrum-button-m-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-m-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-m-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-m-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-m-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-m-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-m-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-icononly-text-transform: none; - --spectrum-button-m-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-m-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-m-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-icononly-text-render: no; - --spectrum-button-m-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-m-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-m-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-m-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-m-negative-outline-black-icononly-justify-content: center; - --spectrum-button-m-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-m-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-m-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-texticon-text-transform: none; - --spectrum-button-m-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-m-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-m-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-texticon-text-render: yes; - --spectrum-button-m-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-m-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-m-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-m-accent-outline-black-texticon-justify-content: center; - --spectrum-button-m-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-texticon-text-transform: none; - --spectrum-button-m-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-m-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-m-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-texticon-text-render: yes; - --spectrum-button-m-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-m-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-m-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-m-primary-outline-black-texticon-justify-content: center; - --spectrum-button-m-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-m-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-m-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-m-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-m-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-m-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-m-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-m-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-m-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-texticon-text-transform: none; - --spectrum-button-m-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-m-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-m-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-texticon-text-render: yes; - --spectrum-button-m-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-m-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-m-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-m-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-m-negative-outline-black-texticon-justify-content: center; - --spectrum-button-m-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-textonly-text-transform: none; - --spectrum-button-m-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-m-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-m-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-accent-outline-black-textonly-text-render: yes; - --spectrum-button-m-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-m-accent-outline-black-textonly-icon-render: no; - --spectrum-button-m-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-m-accent-outline-black-textonly-justify-content: center; - --spectrum-button-m-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-textonly-text-transform: none; - --spectrum-button-m-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-m-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-m-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-primary-outline-black-textonly-text-render: yes; - --spectrum-button-m-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-m-primary-outline-black-textonly-icon-render: no; - --spectrum-button-m-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-m-primary-outline-black-textonly-justify-content: center; - --spectrum-button-m-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-m-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-m-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-m-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-m-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-m-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-m-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-m-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-m-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-m-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-m-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-m-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-m-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-m-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-m-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-m-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-m-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-textonly-text-transform: none; - --spectrum-button-m-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-m-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-m-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-m-negative-outline-black-textonly-text-render: yes; - --spectrum-button-m-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-button-m-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-button-m-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-m-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-m-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-m-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-m-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-m-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-button-m-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-button-m-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-m-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-m-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-m-negative-outline-black-textonly-icon-render: no; - --spectrum-button-m-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-button-m-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-m-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-m-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-m-negative-outline-black-textonly-justify-content: center; - --spectrum-button-m-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-m-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-button-m-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-200); - --spectrum-button-m-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-button-m-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-m-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-icononly-text-transform: none; - --spectrum-button-l-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-l-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-l-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-icononly-text-render: no; - --spectrum-button-l-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-l-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-l-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-l-accent-outline-black-icononly-justify-content: center; - --spectrum-button-l-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-l-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-l-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-icononly-text-transform: none; - --spectrum-button-l-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-l-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-l-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-icononly-text-render: no; - --spectrum-button-l-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-l-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-l-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-l-primary-outline-black-icononly-justify-content: center; - --spectrum-button-l-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-l-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-l-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-l-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-l-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-l-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-icononly-text-render: no; - --spectrum-button-l-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-l-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-l-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-l-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-l-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-l-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-l-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-icononly-text-transform: none; - --spectrum-button-l-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-l-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-l-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-icononly-text-render: no; - --spectrum-button-l-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-l-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-l-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-l-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-l-negative-outline-black-icononly-justify-content: center; - --spectrum-button-l-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-l-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-l-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-texticon-text-transform: none; - --spectrum-button-l-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-l-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-l-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-texticon-text-render: yes; - --spectrum-button-l-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-l-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-l-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-l-accent-outline-black-texticon-justify-content: center; - --spectrum-button-l-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-texticon-text-transform: none; - --spectrum-button-l-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-l-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-l-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-texticon-text-render: yes; - --spectrum-button-l-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-l-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-l-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-l-primary-outline-black-texticon-justify-content: center; - --spectrum-button-l-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-l-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-l-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-l-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-l-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-l-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-l-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-l-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-l-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-texticon-text-transform: none; - --spectrum-button-l-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-l-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-l-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-texticon-text-render: yes; - --spectrum-button-l-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-l-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-l-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-l-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-l-negative-outline-black-texticon-justify-content: center; - --spectrum-button-l-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-button-l-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-textonly-text-transform: none; - --spectrum-button-l-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-l-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-l-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-accent-outline-black-textonly-text-render: yes; - --spectrum-button-l-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-l-accent-outline-black-textonly-icon-render: no; - --spectrum-button-l-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-l-accent-outline-black-textonly-justify-content: center; - --spectrum-button-l-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-textonly-text-transform: none; - --spectrum-button-l-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-l-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-l-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-primary-outline-black-textonly-text-render: yes; - --spectrum-button-l-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-l-primary-outline-black-textonly-icon-render: no; - --spectrum-button-l-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-l-primary-outline-black-textonly-justify-content: center; - --spectrum-button-l-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-l-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-l-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-l-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-l-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-l-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-l-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-l-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-l-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-l-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-l-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-l-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-l-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-l-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-l-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-l-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-l-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-textonly-text-transform: none; - --spectrum-button-l-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-l-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-l-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-l-negative-outline-black-textonly-text-render: yes; - --spectrum-button-l-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-button-l-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-l-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-l-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-l-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-l-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-l-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-button-l-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-button-l-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-l-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-l-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-l-negative-outline-black-textonly-icon-render: no; - --spectrum-button-l-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-l-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-l-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-l-negative-outline-black-textonly-justify-content: center; - --spectrum-button-l-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-l-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1125); - --spectrum-button-l-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-250); - --spectrum-button-l-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-l-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-icononly-text-transform: none; - --spectrum-button-xl-accent-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-accent-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-accent-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-icononly-text-render: no; - --spectrum-button-xl-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-accent-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-accent-outline-black-icononly-justify-content: center; - --spectrum-button-xl-accent-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-accent-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-accent-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-icononly-text-transform: none; - --spectrum-button-xl-primary-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-primary-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-primary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-icononly-text-render: no; - --spectrum-button-xl-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-primary-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-primary-outline-black-icononly-justify-content: center; - --spectrum-button-xl-primary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-primary-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-primary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-text-transform: none; - --spectrum-button-xl-secondary-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-icononly-text-render: no; - --spectrum-button-xl-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-icononly-justify-content: center; - --spectrum-button-xl-secondary-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-secondary-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-secondary-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-icononly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-icononly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-icononly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-icononly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-icononly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-icononly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-icononly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-icononly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-icononly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-icononly-text-transform: none; - --spectrum-button-xl-negative-outline-black-icononly-text-flex: 1; - --spectrum-button-xl-negative-outline-black-icononly-text-text-align: center; - --spectrum-button-xl-negative-outline-black-icononly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-icononly-text-render: no; - --spectrum-button-xl-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-icononly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-icononly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-icononly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-icononly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-icononly-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-icononly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-icononly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-icononly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-icononly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-icononly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-icononly-icon-type: icon; - --spectrum-button-xl-negative-outline-black-icononly-icon-render: yes; - --spectrum-button-xl-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-icononly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-icononly-layout: inline-row; - --spectrum-button-xl-negative-outline-black-icononly-justify-content: center; - --spectrum-button-xl-negative-outline-black-icononly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-icononly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-icononly-padding-left: 0; - --spectrum-button-xl-negative-outline-black-icononly-padding-right: 0; - --spectrum-button-xl-negative-outline-black-icononly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-icononly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-icononly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-icononly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-texticon-text-transform: none; - --spectrum-button-xl-accent-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-accent-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-accent-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-texticon-text-render: yes; - --spectrum-button-xl-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-accent-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-accent-outline-black-texticon-justify-content: center; - --spectrum-button-xl-accent-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-texticon-text-transform: none; - --spectrum-button-xl-primary-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-primary-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-primary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-texticon-text-render: yes; - --spectrum-button-xl-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-primary-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-primary-outline-black-texticon-justify-content: center; - --spectrum-button-xl-primary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-text-transform: none; - --spectrum-button-xl-secondary-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-texticon-text-render: yes; - --spectrum-button-xl-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-texticon-justify-content: center; - --spectrum-button-xl-secondary-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-texticon-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-texticon-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-texticon-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-texticon-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-texticon-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-texticon-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-texticon-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-texticon-text-transform: none; - --spectrum-button-xl-negative-outline-black-texticon-text-flex: 1; - --spectrum-button-xl-negative-outline-black-texticon-text-text-align: center; - --spectrum-button-xl-negative-outline-black-texticon-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-texticon-text-render: yes; - --spectrum-button-xl-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-texticon-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-texticon-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-texticon-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-texticon-icon-type: icon; - --spectrum-button-xl-negative-outline-black-texticon-icon-render: yes; - --spectrum-button-xl-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-texticon-layout: inline-row; - --spectrum-button-xl-negative-outline-black-texticon-justify-content: center; - --spectrum-button-xl-negative-outline-black-texticon-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-texticon-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-black-texticon-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-texticon-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-accent-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-accent-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-accent-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-accent-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-accent-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-accent-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-accent-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-accent-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-textonly-text-transform: none; - --spectrum-button-xl-accent-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-accent-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-accent-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-accent-outline-black-textonly-text-render: yes; - --spectrum-button-xl-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-accent-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-accent-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-accent-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-accent-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-accent-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-accent-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-accent-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-accent-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-accent-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-accent-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-accent-outline-black-textonly-icon-render: no; - --spectrum-button-xl-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-accent-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-accent-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-accent-outline-black-textonly-justify-content: center; - --spectrum-button-xl-accent-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-accent-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-accent-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-accent-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-accent-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-accent-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-primary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-primary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-primary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-primary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-primary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-primary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-primary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-primary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-textonly-text-transform: none; - --spectrum-button-xl-primary-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-primary-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-primary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-primary-outline-black-textonly-text-render: yes; - --spectrum-button-xl-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-primary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-primary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-primary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-primary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-primary-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-primary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-primary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-primary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-primary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-primary-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-primary-outline-black-textonly-icon-render: no; - --spectrum-button-xl-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-primary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-primary-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-primary-outline-black-textonly-justify-content: center; - --spectrum-button-xl-primary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-primary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-primary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-primary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-primary-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-primary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-secondary-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-secondary-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-secondary-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-secondary-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-text-transform: none; - --spectrum-button-xl-secondary-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-secondary-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-secondary-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-secondary-outline-black-textonly-text-render: yes; - --spectrum-button-xl-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-secondary-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-secondary-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-secondary-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-secondary-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-secondary-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-secondary-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-secondary-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-secondary-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-secondary-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-secondary-outline-black-textonly-icon-render: no; - --spectrum-button-xl-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-secondary-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-secondary-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-secondary-outline-black-textonly-justify-content: center; - --spectrum-button-xl-secondary-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-secondary-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-secondary-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-secondary-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-secondary-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-secondary-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-button-xl-negative-outline-black-textonly-text-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-disabled: var(--spectrum-global-color-static-transparent-black-500); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-disabled: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color-disabled: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-button-xl-negative-outline-black-textonly-text-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-down: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-down: var(--spectrum-global-color-static-transparent-black-400); - --spectrum-button-xl-negative-outline-black-textonly-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-hover: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-hover: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-textonly-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-key-focus: yes; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-button-xl-negative-outline-black-textonly-background-color-key-focus: var(--spectrum-global-color-static-transparent-black-300); - --spectrum-button-xl-negative-outline-black-textonly-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-icon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-render-mouse-focus: no; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-button-xl-negative-outline-black-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-button-xl-negative-outline-black-textonly-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-button-xl-negative-outline-black-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-textonly-text-transform: none; - --spectrum-button-xl-negative-outline-black-textonly-text-flex: 1; - --spectrum-button-xl-negative-outline-black-textonly-text-text-align: center; - --spectrum-button-xl-negative-outline-black-textonly-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-button-xl-negative-outline-black-textonly-text-render: yes; - --spectrum-button-xl-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-button-xl-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-button-xl-negative-outline-black-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-button-xl-negative-outline-black-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-button-xl-negative-outline-black-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-button-xl-negative-outline-black-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-button-xl-negative-outline-black-textonly-text-text-transform: none; - --spectrum-button-xl-negative-outline-black-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-button-xl-negative-outline-black-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-button-xl-negative-outline-black-textonly-icon-margin-top: 0; - --spectrum-button-xl-negative-outline-black-textonly-icon-margin-bottom: 0; - --spectrum-button-xl-negative-outline-black-textonly-icon-type: icon; - --spectrum-button-xl-negative-outline-black-textonly-icon-render: no; - --spectrum-button-xl-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-button-xl-negative-outline-black-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-350); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-type: focusring; - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-button-xl-negative-outline-black-textonly-layout: inline-row; - --spectrum-button-xl-negative-outline-black-textonly-justify-content: center; - --spectrum-button-xl-negative-outline-black-textonly-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-button-xl-negative-outline-black-textonly-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-button-xl-negative-outline-black-textonly-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-button-xl-negative-outline-black-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-button-xl-negative-outline-black-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-button-xl-negative-outline-black-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/vars/css/components/spectrum-buttongroup.css b/components/vars/css/components/spectrum-buttongroup.css deleted file mode 100644 index 268aa69fc49..00000000000 --- a/components/vars/css/components/spectrum-buttongroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-buttongroup-button-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-buttongroup-button-gap-y: var(--spectrum-global-dimension-static-size-200); -} diff --git a/components/vars/css/components/spectrum-calendar.css b/components/vars/css/components/spectrum-calendar.css deleted file mode 100644 index ef83f83744b..00000000000 --- a/components/vars/css/components/spectrum-calendar.css +++ /dev/null @@ -1,168 +0,0 @@ -:root { - --spectrum-calendar-day-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-today-border-color-selected: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-selected-disabled: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-down: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-selected-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-hover: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-key-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-selected-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-selected-mouse-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-calendar-day-today-border-color-selected-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-disabled: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color: var(--spectrum-alias-text-color); - --spectrum-calendar-day-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color: var(--spectrum-alias-text-color); - --spectrum-calendar-day-today-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-calendar-day-text-font-weight-down: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-calendar-day-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-calendar-day-today-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-calendar-day-today-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-hover: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-today-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-key-focus: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-calendar-day-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-calendar-day-text-font-weight-mouse-focus: var(--spectrum-global-font-weight-regular); - --spectrum-calendar-day-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-calendar-day-today-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-text-font-weight-cap-selected-disabled: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-border-color-cap-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-calendar-day-today-background-color-cap-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-calendar-day-today-border-color-cap-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-calendar-day-text-color-cap-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-down: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-down: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-down: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-hover: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-key-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-calendar-day-today-text-color-cap-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-calendar-day-today-border-color-cap-selected-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-day-text-color-cap-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-text-font-weight-cap-selected-mouse-focus: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-background-color-cap-selected-mouse-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-border-color-cap-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-calendar-day-today-text-color-cap-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-calendar-day-today-background-color-cap-selected-mouse-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-calendar-day-today-border-color-cap-selected-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-calendar-button-icon-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-day-title-text-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-day-title-color: var(--spectrum-global-color-gray-700); - --spectrum-calendar-text-transform: none; - --spectrum-calendar-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-calendar-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-calendar-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-calendar-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-calendar-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-calendar-text-text-transform: none; - --spectrum-calendar-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-calendar-title-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-calendar-title-height: var(--spectrum-global-dimension-static-size-400); - --spectrum-calendar-title-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-calendar-day-title-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-title-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-calendar-day-title-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-calendar-day-title-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-title-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-calendar-day-title-text-transform: uppercase; - --spectrum-calendar-day-title-margin-top: 0px; - --spectrum-calendar-day-title-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-calendar-day-title-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-calendar-day-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-calendar-day-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-calendar-day-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-calendar-day-text-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-text-size-han: var(--spectrum-global-dimension-font-size-50); - --spectrum-calendar-day-text-font-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-width: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-height: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-padding: var(--spectrum-global-dimension-static-size-50); - --spectrum-calendar-day-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-calendar-day-today-text-font-size: var(--spectrum-alias-font-size-default); - --spectrum-calendar-day-today-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-calendar-day-today-width: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-today-height: var(--spectrum-global-dimension-size-400); - --spectrum-calendar-day-today-padding: var(--spectrum-global-dimension-static-size-50); - --spectrum-calendar-day-today-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-calendar-width: 250px; -} diff --git a/components/vars/css/components/spectrum-card.css b/components/vars/css/components/spectrum-card.css deleted file mode 100644 index 5babc97109e..00000000000 --- a/components/vars/css/components/spectrum-card.css +++ /dev/null @@ -1,254 +0,0 @@ -:root { - --spectrum-card-s-quiet-preview-background-color-selected: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color-selected-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-preview-background-color-selected-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-preview-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-s-quiet-preview-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-preview-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-preview-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-s-quiet-preview-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-s-quiet-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-s-quiet-preview-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-quiet-coverphoto-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-quiet-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-s-quiet-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-quiet-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-s-quiet-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-quiet-body-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-header-height: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-quiet-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-s-quiet-body-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-body-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-body-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-body-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-text-transform: none; - --spectrum-card-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-s-quiet-text-text-transform: none; - --spectrum-card-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-quiet-coverphoto-height: auto; - --spectrum-card-s-quiet-coverphoto-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-s-quiet-preview-padding: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-quiet-checkbox-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-quiet-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-quiet-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-s-quiet-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-s-quiet-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-quiet-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-s-quiet-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-quiet-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-quiet-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-s-quiet-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-card-s-quiet-min-height: var(--spectrum-global-dimension-size-900); - --spectrum-card-s-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-s-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-s-preview-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-preview-background-color-selected-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-s-preview-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-s-preview-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-preview-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-s-preview-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-s-preview-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-s-preview-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-s-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-s-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-coverphoto-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-s-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-s-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-s-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-body-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-header-height: var(--spectrum-global-dimension-size-150); - --spectrum-card-s-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-s-body-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-card-s-body-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-card-s-body-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-card-s-text-transform: none; - --spectrum-card-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-s-text-text-transform: none; - --spectrum-card-s-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-coverphoto-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-s-coverphoto-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-s-preview-padding: var(--spectrum-global-dimension-size-0); - --spectrum-card-s-checkbox-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-s-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-s-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-s-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-s-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-s-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-s-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-s-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-s-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-card-s-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-s-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-quiet-preview-background-color-selected: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color-selected-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-preview-background-color-selected-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-preview-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-m-quiet-preview-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-preview-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-preview-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-m-quiet-preview-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-card-m-quiet-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-m-quiet-preview-background-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-quiet-coverphoto-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-quiet-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-m-quiet-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-quiet-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-m-quiet-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-quiet-body-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-header-height: var(--spectrum-global-dimension-size-225); - --spectrum-card-m-quiet-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-m-quiet-body-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-body-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-body-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-body-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-text-transform: none; - --spectrum-card-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-m-quiet-text-text-transform: none; - --spectrum-card-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-quiet-coverphoto-height: auto; - --spectrum-card-m-quiet-coverphoto-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-card-m-quiet-preview-padding: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-quiet-checkbox-margin: var(--spectrum-global-dimension-size-200); - --spectrum-card-m-quiet-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-quiet-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-m-quiet-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-m-quiet-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-quiet-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-m-quiet-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-m-quiet-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-quiet-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-m-quiet-min-width: var(--spectrum-global-dimension-size-2500); - --spectrum-card-m-quiet-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-m-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-preview-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-preview-background-color-selected-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-card-m-preview-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-card-m-preview-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-preview-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-down: var(--spectrum-global-color-gray-200); - --spectrum-card-m-preview-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-card-m-preview-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-card-m-preview-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-card-m-border-color-mouse-focus: var(--spectrum-global-color-gray-200); - --spectrum-card-m-coverphoto-background-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-coverphoto-border-color: var(--spectrum-global-color-gray-200); - --spectrum-card-m-title-text-color: var(--spectrum-global-color-gray-800); - --spectrum-card-m-subtitle-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-description-text-color: var(--spectrum-global-color-gray-700); - --spectrum-card-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-card-m-body-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-body-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-header-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-header-height: var(--spectrum-global-dimension-size-225); - --spectrum-card-m-body-header-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-content-min-height: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-body-content-margin-top: var(--spectrum-global-dimension-size-75); - --spectrum-card-m-body-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-card-m-body-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-card-m-body-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-card-m-text-transform: none; - --spectrum-card-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-card-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-card-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-card-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-card-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-card-m-text-text-transform: none; - --spectrum-card-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-coverphoto-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-coverphoto-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-card-m-preview-padding: var(--spectrum-global-dimension-size-0); - --spectrum-card-m-checkbox-margin: var(--spectrum-global-dimension-size-200); - --spectrum-card-m-title-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-card-m-title-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-title-gap: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-subtitle-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-card-m-subtitle-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-card-m-subtitle-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-card-m-subtitle-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-card-m-actions-margin: var(--spectrum-global-dimension-size-125); - --spectrum-card-m-footer-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-card-m-footer-border-top-size: var(--spectrum-global-dimension-size-10); - --spectrum-card-m-min-width: var(--spectrum-global-dimension-size-2500); - --spectrum-card-m-min-height: var(--spectrum-global-dimension-size-1700); - --spectrum-card-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-card-m-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-checkbox.css b/components/vars/css/components/spectrum-checkbox.css deleted file mode 100644 index b374cb2de2a..00000000000 --- a/components/vars/css/components/spectrum-checkbox.css +++ /dev/null @@ -1,2342 +0,0 @@ -:root { - --spectrum-checkbox-s-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-s-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-s-emphasized-box-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-emphasized-box-margin-top: 0; - --spectrum-checkbox-s-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-s-emphasized-box-layout: row; - --spectrum-checkbox-s-emphasized-box-align-items: center; - --spectrum-checkbox-s-emphasized-box-justify-content: center; - --spectrum-checkbox-s-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-s-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-s-emphasized-box-padding: 0; - --spectrum-checkbox-s-emphasized-box-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-emphasized-box-size: var(--spectrum-alias-control-two-size-s); - --spectrum-checkbox-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-emphasized-text-transform: none; - --spectrum-checkbox-s-emphasized-text-render: yes; - --spectrum-checkbox-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-s-emphasized-text-text-transform: none; - --spectrum-checkbox-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-s-emphasized-checkmark-render: no; - --spectrum-checkbox-s-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-checkbox-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-s-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-emphasized-layout: inline-row; - --spectrum-checkbox-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-checkbox-s-emphasized-margin-bottom: 0px; - --spectrum-checkbox-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error: no; - --spectrum-checkbox-s-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-s-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-s-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-s-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected: no; - --spectrum-checkbox-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-down: no; - --spectrum-checkbox-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-hover: no; - --spectrum-checkbox-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render: no; - --spectrum-checkbox-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-down: no; - --spectrum-checkbox-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-hover: no; - --spectrum-checkbox-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-s-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-s-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-s-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-s-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-s-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-s-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-s-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-s-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-s-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-s-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-s-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-s-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-s-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-s-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-s-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-s-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-s-box-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-box-margin-top: 0; - --spectrum-checkbox-s-box-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-s-box-margin-bottom: 0; - --spectrum-checkbox-s-box-layout: row; - --spectrum-checkbox-s-box-align-items: center; - --spectrum-checkbox-s-box-justify-content: center; - --spectrum-checkbox-s-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-s-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-s-box-padding: 0; - --spectrum-checkbox-s-box-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-box-size: var(--spectrum-alias-control-two-size-s); - --spectrum-checkbox-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-s-text-transform: none; - --spectrum-checkbox-s-text-render: yes; - --spectrum-checkbox-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-s-text-text-transform: none; - --spectrum-checkbox-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-checkbox-s-checkmark-type: ui-icon; - --spectrum-checkbox-s-checkmark-render: no; - --spectrum-checkbox-s-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-checkbox-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-s-focus-ring-type: focusring; - --spectrum-checkbox-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-s-layout: inline-row; - --spectrum-checkbox-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-checkbox-s-margin-bottom: 0px; - --spectrum-checkbox-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-m-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-m-emphasized-box-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-margin-top: 0; - --spectrum-checkbox-m-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-m-emphasized-box-layout: row; - --spectrum-checkbox-m-emphasized-box-align-items: center; - --spectrum-checkbox-m-emphasized-box-justify-content: center; - --spectrum-checkbox-m-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-m-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-m-emphasized-box-padding: 0; - --spectrum-checkbox-m-emphasized-box-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-emphasized-box-size: var(--spectrum-alias-control-two-size-m); - --spectrum-checkbox-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-emphasized-text-transform: none; - --spectrum-checkbox-m-emphasized-text-render: yes; - --spectrum-checkbox-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-m-emphasized-text-text-transform: none; - --spectrum-checkbox-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-m-emphasized-checkmark-render: no; - --spectrum-checkbox-m-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-checkbox-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-m-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-emphasized-layout: inline-row; - --spectrum-checkbox-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-checkbox-m-emphasized-margin-bottom: 0px; - --spectrum-checkbox-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error: no; - --spectrum-checkbox-m-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-m-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-m-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-m-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected: no; - --spectrum-checkbox-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-down: no; - --spectrum-checkbox-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-hover: no; - --spectrum-checkbox-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render: no; - --spectrum-checkbox-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-down: no; - --spectrum-checkbox-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-hover: no; - --spectrum-checkbox-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-m-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-m-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-m-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-m-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-m-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-m-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-m-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-m-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-m-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-m-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-m-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-m-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-m-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-m-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-m-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-m-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-m-box-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-box-margin-top: 0; - --spectrum-checkbox-m-box-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-box-margin-bottom: 0; - --spectrum-checkbox-m-box-layout: row; - --spectrum-checkbox-m-box-align-items: center; - --spectrum-checkbox-m-box-justify-content: center; - --spectrum-checkbox-m-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-m-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-m-box-padding: 0; - --spectrum-checkbox-m-box-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-box-size: var(--spectrum-alias-control-two-size-m); - --spectrum-checkbox-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-m-text-transform: none; - --spectrum-checkbox-m-text-render: yes; - --spectrum-checkbox-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-checkbox-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-m-text-text-transform: none; - --spectrum-checkbox-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-checkbox-m-checkmark-type: ui-icon; - --spectrum-checkbox-m-checkmark-render: no; - --spectrum-checkbox-m-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-checkbox-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-m-focus-ring-type: focusring; - --spectrum-checkbox-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-m-layout: inline-row; - --spectrum-checkbox-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-checkbox-m-margin-bottom: 0px; - --spectrum-checkbox-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-l-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-l-emphasized-box-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-emphasized-box-margin-top: 0; - --spectrum-checkbox-l-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-l-emphasized-box-layout: row; - --spectrum-checkbox-l-emphasized-box-align-items: center; - --spectrum-checkbox-l-emphasized-box-justify-content: center; - --spectrum-checkbox-l-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-l-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-l-emphasized-box-padding: 0; - --spectrum-checkbox-l-emphasized-box-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-box-size: var(--spectrum-alias-control-two-size-l); - --spectrum-checkbox-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-text-transform: none; - --spectrum-checkbox-l-emphasized-text-render: yes; - --spectrum-checkbox-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-l-emphasized-text-text-transform: none; - --spectrum-checkbox-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-l-emphasized-checkmark-render: no; - --spectrum-checkbox-l-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-checkbox-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-l-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-emphasized-layout: inline-row; - --spectrum-checkbox-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-checkbox-l-emphasized-margin-bottom: 0px; - --spectrum-checkbox-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error: no; - --spectrum-checkbox-l-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-l-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-l-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-l-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected: no; - --spectrum-checkbox-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-down: no; - --spectrum-checkbox-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-hover: no; - --spectrum-checkbox-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render: no; - --spectrum-checkbox-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-down: no; - --spectrum-checkbox-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-hover: no; - --spectrum-checkbox-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-l-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-l-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-l-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-l-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-l-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-l-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-l-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-l-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-l-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-l-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-l-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-l-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-l-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-l-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-l-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-l-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-l-box-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-box-margin-top: 0; - --spectrum-checkbox-l-box-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-l-box-margin-bottom: 0; - --spectrum-checkbox-l-box-layout: row; - --spectrum-checkbox-l-box-align-items: center; - --spectrum-checkbox-l-box-justify-content: center; - --spectrum-checkbox-l-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-l-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-l-box-padding: 0; - --spectrum-checkbox-l-box-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-box-size: var(--spectrum-alias-control-two-size-l); - --spectrum-checkbox-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-text-transform: none; - --spectrum-checkbox-l-text-render: yes; - --spectrum-checkbox-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-l-text-text-transform: none; - --spectrum-checkbox-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-checkbox-l-checkmark-type: ui-icon; - --spectrum-checkbox-l-checkmark-render: no; - --spectrum-checkbox-l-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-checkbox-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-l-focus-ring-type: focusring; - --spectrum-checkbox-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-l-layout: inline-row; - --spectrum-checkbox-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-checkbox-l-margin-bottom: 0px; - --spectrum-checkbox-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-emphasized-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-emphasized-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-emphasized-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-checkbox-xl-emphasized-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-emphasized-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-emphasized-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-emphasized-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-emphasized-checkmark-color: var(--spectrum-alias-toggle-icon-color-emphasized-selected); - --spectrum-checkbox-xl-emphasized-box-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-emphasized-box-margin-top: 0; - --spectrum-checkbox-xl-emphasized-box-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-emphasized-box-margin-bottom: 0; - --spectrum-checkbox-xl-emphasized-box-layout: row; - --spectrum-checkbox-xl-emphasized-box-align-items: center; - --spectrum-checkbox-xl-emphasized-box-justify-content: center; - --spectrum-checkbox-xl-emphasized-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-xl-emphasized-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-xl-emphasized-box-padding: 0; - --spectrum-checkbox-xl-emphasized-box-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-emphasized-box-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-checkbox-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-emphasized-text-transform: none; - --spectrum-checkbox-xl-emphasized-text-render: yes; - --spectrum-checkbox-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-checkbox-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-xl-emphasized-text-text-transform: none; - --spectrum-checkbox-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-emphasized-checkmark-type: ui-icon; - --spectrum-checkbox-xl-emphasized-checkmark-render: no; - --spectrum-checkbox-xl-emphasized-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-checkbox-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-emphasized-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-xl-emphasized-focus-ring-type: focusring; - --spectrum-checkbox-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-emphasized-layout: inline-row; - --spectrum-checkbox-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-checkbox-xl-emphasized-margin-bottom: 0px; - --spectrum-checkbox-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-box-background-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-selected-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error: no; - --spectrum-checkbox-xl-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-indeterminate: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-indeterminate: var(--spectrum-alias-component-text-color-error-default); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-error-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-down: var(--spectrum-global-color-red-700); - --spectrum-checkbox-xl-text-color-error-indeterminate-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-down: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-hover: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-indeterminate-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-key-focus: var(--spectrum-global-color-red-600); - --spectrum-checkbox-xl-text-color-error-indeterminate-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-box-border-color-error-indeterminate-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-checkbox-xl-text-color-error-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-error-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-error-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-error-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected: no; - --spectrum-checkbox-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-box-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-down: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-box-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-disabled: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render: no; - --spectrum-checkbox-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-down: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-checkbox-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-down: no; - --spectrum-checkbox-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-hover: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-checkbox-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-key-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-checkbox-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-mouse-focus: var(--spectrum-global-color-gray-75); - --spectrum-checkbox-xl-box-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-checkbox-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-indeterminate: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-indeterminate: var(--spectrum-alias-component-text-color-default); - --spectrum-checkbox-xl-focus-ring-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-box-border-color-indeterminate-disabled: var(--spectrum-global-color-gray-400); - --spectrum-checkbox-xl-text-color-indeterminate-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-disabled: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-box-border-color-indeterminate-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-checkbox-xl-text-color-indeterminate-down: var(--spectrum-alias-component-text-color-down); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-down: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-down: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-box-border-color-indeterminate-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-checkbox-xl-text-color-indeterminate-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-hover: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-box-background-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-box-border-color-indeterminate-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-checkbox-xl-text-color-indeterminate-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-key-focus: yes; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-checkbox-xl-box-background-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-box-border-color-indeterminate-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-checkbox-xl-text-color-indeterminate-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-checkbox-xl-focus-ring-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-focus-ring-render-indeterminate-mouse-focus: no; - --spectrum-checkbox-xl-focus-ring-gap-indeterminate-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-checkbox-xl-focus-ring-border-color-indeterminate-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-checkbox-xl-checkmark-color: var(--spectrum-alias-toggle-icon-color-selected); - --spectrum-checkbox-xl-box-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-box-margin-top: 0; - --spectrum-checkbox-xl-box-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-checkbox-xl-box-margin-bottom: 0; - --spectrum-checkbox-xl-box-layout: row; - --spectrum-checkbox-xl-box-align-items: center; - --spectrum-checkbox-xl-box-justify-content: center; - --spectrum-checkbox-xl-box-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-checkbox-xl-box-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-checkbox-xl-box-padding: 0; - --spectrum-checkbox-xl-box-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-box-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-checkbox-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-checkbox-xl-text-transform: none; - --spectrum-checkbox-xl-text-render: yes; - --spectrum-checkbox-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-checkbox-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-checkbox-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-checkbox-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-checkbox-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-checkbox-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-checkbox-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-checkbox-xl-text-text-transform: none; - --spectrum-checkbox-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-checkbox-xl-checkmark-type: ui-icon; - --spectrum-checkbox-xl-checkmark-render: no; - --spectrum-checkbox-xl-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-checkbox-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-focus-ring-border-radius: var(--spectrum-alias-focus-ring-border-radius-small); - --spectrum-checkbox-xl-focus-ring-type: focusring; - --spectrum-checkbox-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-checkbox-xl-layout: inline-row; - --spectrum-checkbox-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-checkbox-xl-margin-bottom: 0px; - --spectrum-checkbox-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-checkbox-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-checkbox-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/vars/css/components/spectrum-clearbutton.css b/components/vars/css/components/spectrum-clearbutton.css deleted file mode 100644 index e96340876ee..00000000000 --- a/components/vars/css/components/spectrum-clearbutton.css +++ /dev/null @@ -1,218 +0,0 @@ -:root { - --spectrum-clearbutton-s-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-s-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-s-focusring-render-disabled: no; - --spectrum-clearbutton-s-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-s-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-s-fill-border-color: transparent; - --spectrum-clearbutton-s-focusring-render: no; - --spectrum-clearbutton-s-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-s-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-s-fill-border-color-down: transparent; - --spectrum-clearbutton-s-focusring-render-down: no; - --spectrum-clearbutton-s-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-s-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-s-fill-border-color-hover: transparent; - --spectrum-clearbutton-s-focusring-render-hover: no; - --spectrum-clearbutton-s-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-s-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-s-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-s-focusring-render-key-focus: yes; - --spectrum-clearbutton-s-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-s-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-s-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-s-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-s-focusring-render-mouse-focus: no; - --spectrum-clearbutton-s-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-s-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-s-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-clearbutton-s-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-clearbutton-s-fill-layout: row; - --spectrum-clearbutton-s-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-fill-padding-top: 0; - --spectrum-clearbutton-s-fill-padding-bottom: 0; - --spectrum-clearbutton-s-fill-padding-left: 0; - --spectrum-clearbutton-s-fill-padding-right: 0; - --spectrum-clearbutton-s-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-clearbutton-s-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-s-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-s-focusring-type: focusring; - --spectrum-clearbutton-s-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-s-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-clearbutton-m-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-m-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-m-focusring-render-disabled: no; - --spectrum-clearbutton-m-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-m-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-m-fill-border-color: transparent; - --spectrum-clearbutton-m-focusring-render: no; - --spectrum-clearbutton-m-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-m-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-m-fill-border-color-down: transparent; - --spectrum-clearbutton-m-focusring-render-down: no; - --spectrum-clearbutton-m-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-m-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-m-fill-border-color-hover: transparent; - --spectrum-clearbutton-m-focusring-render-hover: no; - --spectrum-clearbutton-m-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-m-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-m-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-m-focusring-render-key-focus: yes; - --spectrum-clearbutton-m-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-m-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-m-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-m-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-m-focusring-render-mouse-focus: no; - --spectrum-clearbutton-m-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-m-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-m-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-clearbutton-m-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-clearbutton-m-fill-layout: row; - --spectrum-clearbutton-m-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-fill-padding-top: 0; - --spectrum-clearbutton-m-fill-padding-bottom: 0; - --spectrum-clearbutton-m-fill-padding-left: 0; - --spectrum-clearbutton-m-fill-padding-right: 0; - --spectrum-clearbutton-m-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-clearbutton-m-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-m-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-m-focusring-type: focusring; - --spectrum-clearbutton-m-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-m-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-clearbutton-l-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-l-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-l-focusring-render-disabled: no; - --spectrum-clearbutton-l-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-l-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-l-fill-border-color: transparent; - --spectrum-clearbutton-l-focusring-render: no; - --spectrum-clearbutton-l-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-l-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-l-fill-border-color-down: transparent; - --spectrum-clearbutton-l-focusring-render-down: no; - --spectrum-clearbutton-l-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-l-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-l-fill-border-color-hover: transparent; - --spectrum-clearbutton-l-focusring-render-hover: no; - --spectrum-clearbutton-l-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-l-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-l-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-l-focusring-render-key-focus: yes; - --spectrum-clearbutton-l-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-l-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-l-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-l-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-l-focusring-render-mouse-focus: no; - --spectrum-clearbutton-l-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-l-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-l-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-clearbutton-l-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-clearbutton-l-fill-layout: row; - --spectrum-clearbutton-l-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-fill-padding-top: 0; - --spectrum-clearbutton-l-fill-padding-bottom: 0; - --spectrum-clearbutton-l-fill-padding-left: 0; - --spectrum-clearbutton-l-fill-padding-right: 0; - --spectrum-clearbutton-l-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-clearbutton-l-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-l-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-l-focusring-type: focusring; - --spectrum-clearbutton-l-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-l-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-clearbutton-xl-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-clearbutton-xl-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-clearbutton-xl-focusring-render-disabled: no; - --spectrum-clearbutton-xl-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-clearbutton-xl-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-xl-fill-border-color: transparent; - --spectrum-clearbutton-xl-focusring-render: no; - --spectrum-clearbutton-xl-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-clearbutton-xl-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-clearbutton-xl-fill-border-color-down: transparent; - --spectrum-clearbutton-xl-focusring-render-down: no; - --spectrum-clearbutton-xl-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-clearbutton-xl-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-clearbutton-xl-fill-border-color-hover: transparent; - --spectrum-clearbutton-xl-focusring-render-hover: no; - --spectrum-clearbutton-xl-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-clearbutton-xl-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-clearbutton-xl-fill-border-color-key-focus: transparent; - --spectrum-clearbutton-xl-focusring-render-key-focus: yes; - --spectrum-clearbutton-xl-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-clearbutton-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-clearbutton-xl-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-clearbutton-xl-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-clearbutton-xl-fill-border-color-mouse-focus: transparent; - --spectrum-clearbutton-xl-focusring-render-mouse-focus: no; - --spectrum-clearbutton-xl-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-clearbutton-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-clearbutton-xl-fill-uiicon-type: ui-icon; - --spectrum-clearbutton-xl-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-clearbutton-xl-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-clearbutton-xl-fill-layout: row; - --spectrum-clearbutton-xl-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-fill-padding-top: 0; - --spectrum-clearbutton-xl-fill-padding-bottom: 0; - --spectrum-clearbutton-xl-fill-padding-left: 0; - --spectrum-clearbutton-xl-fill-padding-right: 0; - --spectrum-clearbutton-xl-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-clearbutton-xl-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-clearbutton-xl-focusring-border-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-clearbutton-xl-focusring-type: focusring; - --spectrum-clearbutton-xl-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-clearbutton-xl-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/vars/css/components/spectrum-closebutton.css b/components/vars/css/components/spectrum-closebutton.css deleted file mode 100644 index 9a80613c2b3..00000000000 --- a/components/vars/css/components/spectrum-closebutton.css +++ /dev/null @@ -1,506 +0,0 @@ -:root { - --spectrum-closebutton-s-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-s-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-disabled: no; - --spectrum-closebutton-s-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-disabled: transparent; - --spectrum-closebutton-s-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-s-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render: no; - --spectrum-closebutton-s-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color: transparent; - --spectrum-closebutton-s-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-s-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-down: no; - --spectrum-closebutton-s-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-s-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-s-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-hover: no; - --spectrum-closebutton-s-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-s-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-s-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-s-none-focusring-render-key-focus: yes; - --spectrum-closebutton-s-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-s-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-s-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-s-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-none-uiicon-type: ui-icon; - --spectrum-closebutton-s-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-none-uiicon-margin: 0; - --spectrum-closebutton-s-none-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-none-focusring-type: focusring; - --spectrum-closebutton-s-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-none-padding: 0; - --spectrum-closebutton-s-none-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-none-layout: inline-row; - --spectrum-closebutton-s-none-align-items: center; - --spectrum-closebutton-s-none-justify-content: center; - --spectrum-closebutton-s-none-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-s-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-disabled: no; - --spectrum-closebutton-s-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-disabled: transparent; - --spectrum-closebutton-s-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render: no; - --spectrum-closebutton-s-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color: transparent; - --spectrum-closebutton-s-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-down: no; - --spectrum-closebutton-s-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-s-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-hover: no; - --spectrum-closebutton-s-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-s-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-key-focus: yes; - --spectrum-closebutton-s-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-s-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-s-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-white-uiicon-type: ui-icon; - --spectrum-closebutton-s-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-white-uiicon-margin: 0; - --spectrum-closebutton-s-white-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-focusring-type: focusring; - --spectrum-closebutton-s-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-white-padding: 0; - --spectrum-closebutton-s-white-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-white-layout: inline-row; - --spectrum-closebutton-s-white-align-items: center; - --spectrum-closebutton-s-white-justify-content: center; - --spectrum-closebutton-s-white-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-s-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-disabled: no; - --spectrum-closebutton-s-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-disabled: transparent; - --spectrum-closebutton-s-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render: no; - --spectrum-closebutton-s-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color: transparent; - --spectrum-closebutton-s-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-down: no; - --spectrum-closebutton-s-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-s-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-hover: no; - --spectrum-closebutton-s-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-s-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-key-focus: yes; - --spectrum-closebutton-s-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-s-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-s-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-s-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-s-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-s-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-s-black-uiicon-type: ui-icon; - --spectrum-closebutton-s-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-closebutton-s-black-uiicon-margin: 0; - --spectrum-closebutton-s-black-focusring-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-focusring-type: focusring; - --spectrum-closebutton-s-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-s-black-padding: 0; - --spectrum-closebutton-s-black-size: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-s-black-layout: inline-row; - --spectrum-closebutton-s-black-align-items: center; - --spectrum-closebutton-s-black-justify-content: center; - --spectrum-closebutton-s-black-border-radius: var(--spectrum-global-dimension-size-300); - --spectrum-closebutton-m-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-m-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-disabled: no; - --spectrum-closebutton-m-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-disabled: transparent; - --spectrum-closebutton-m-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-m-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render: no; - --spectrum-closebutton-m-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color: transparent; - --spectrum-closebutton-m-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-m-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-down: no; - --spectrum-closebutton-m-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-m-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-m-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-hover: no; - --spectrum-closebutton-m-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-m-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-m-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-m-none-focusring-render-key-focus: yes; - --spectrum-closebutton-m-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-m-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-m-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-m-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-none-uiicon-type: ui-icon; - --spectrum-closebutton-m-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-none-uiicon-margin: 0; - --spectrum-closebutton-m-none-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-none-focusring-type: focusring; - --spectrum-closebutton-m-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-none-padding: 0; - --spectrum-closebutton-m-none-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-none-layout: inline-row; - --spectrum-closebutton-m-none-align-items: center; - --spectrum-closebutton-m-none-justify-content: center; - --spectrum-closebutton-m-none-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-m-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-disabled: no; - --spectrum-closebutton-m-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-disabled: transparent; - --spectrum-closebutton-m-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render: no; - --spectrum-closebutton-m-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color: transparent; - --spectrum-closebutton-m-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-down: no; - --spectrum-closebutton-m-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-m-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-hover: no; - --spectrum-closebutton-m-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-m-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-key-focus: yes; - --spectrum-closebutton-m-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-m-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-m-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-white-uiicon-type: ui-icon; - --spectrum-closebutton-m-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-white-uiicon-margin: 0; - --spectrum-closebutton-m-white-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-focusring-type: focusring; - --spectrum-closebutton-m-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-white-padding: 0; - --spectrum-closebutton-m-white-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-white-layout: inline-row; - --spectrum-closebutton-m-white-align-items: center; - --spectrum-closebutton-m-white-justify-content: center; - --spectrum-closebutton-m-white-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-m-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-disabled: no; - --spectrum-closebutton-m-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-disabled: transparent; - --spectrum-closebutton-m-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render: no; - --spectrum-closebutton-m-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color: transparent; - --spectrum-closebutton-m-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-down: no; - --spectrum-closebutton-m-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-m-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-hover: no; - --spectrum-closebutton-m-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-m-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-key-focus: yes; - --spectrum-closebutton-m-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-m-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-m-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-m-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-m-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-m-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-m-black-uiicon-type: ui-icon; - --spectrum-closebutton-m-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-closebutton-m-black-uiicon-margin: 0; - --spectrum-closebutton-m-black-focusring-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-focusring-type: focusring; - --spectrum-closebutton-m-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-m-black-padding: 0; - --spectrum-closebutton-m-black-size: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-m-black-layout: inline-row; - --spectrum-closebutton-m-black-align-items: center; - --spectrum-closebutton-m-black-justify-content: center; - --spectrum-closebutton-m-black-border-radius: var(--spectrum-global-dimension-size-400); - --spectrum-closebutton-l-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-l-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-disabled: no; - --spectrum-closebutton-l-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-disabled: transparent; - --spectrum-closebutton-l-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-l-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render: no; - --spectrum-closebutton-l-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color: transparent; - --spectrum-closebutton-l-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-l-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-down: no; - --spectrum-closebutton-l-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-l-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-l-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-hover: no; - --spectrum-closebutton-l-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-l-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-l-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-l-none-focusring-render-key-focus: yes; - --spectrum-closebutton-l-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-l-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-l-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-l-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-none-uiicon-type: ui-icon; - --spectrum-closebutton-l-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-none-uiicon-margin: 0; - --spectrum-closebutton-l-none-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-none-focusring-type: focusring; - --spectrum-closebutton-l-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-none-padding: 0; - --spectrum-closebutton-l-none-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-none-layout: inline-row; - --spectrum-closebutton-l-none-align-items: center; - --spectrum-closebutton-l-none-justify-content: center; - --spectrum-closebutton-l-none-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-l-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-disabled: no; - --spectrum-closebutton-l-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-disabled: transparent; - --spectrum-closebutton-l-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render: no; - --spectrum-closebutton-l-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color: transparent; - --spectrum-closebutton-l-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-down: no; - --spectrum-closebutton-l-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-l-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-hover: no; - --spectrum-closebutton-l-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-l-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-key-focus: yes; - --spectrum-closebutton-l-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-l-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-l-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-white-uiicon-type: ui-icon; - --spectrum-closebutton-l-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-white-uiicon-margin: 0; - --spectrum-closebutton-l-white-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-focusring-type: focusring; - --spectrum-closebutton-l-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-white-padding: 0; - --spectrum-closebutton-l-white-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-white-layout: inline-row; - --spectrum-closebutton-l-white-align-items: center; - --spectrum-closebutton-l-white-justify-content: center; - --spectrum-closebutton-l-white-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-l-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-disabled: no; - --spectrum-closebutton-l-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-disabled: transparent; - --spectrum-closebutton-l-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render: no; - --spectrum-closebutton-l-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color: transparent; - --spectrum-closebutton-l-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-down: no; - --spectrum-closebutton-l-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-l-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-hover: no; - --spectrum-closebutton-l-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-l-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-key-focus: yes; - --spectrum-closebutton-l-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-l-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-l-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-l-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-l-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-l-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-l-black-uiicon-type: ui-icon; - --spectrum-closebutton-l-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-400); - --spectrum-closebutton-l-black-uiicon-margin: 0; - --spectrum-closebutton-l-black-focusring-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-focusring-type: focusring; - --spectrum-closebutton-l-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-l-black-padding: 0; - --spectrum-closebutton-l-black-size: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-l-black-layout: inline-row; - --spectrum-closebutton-l-black-align-items: center; - --spectrum-closebutton-l-black-justify-content: center; - --spectrum-closebutton-l-black-border-radius: var(--spectrum-global-dimension-size-500); - --spectrum-closebutton-xl-none-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-closebutton-xl-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-disabled: no; - --spectrum-closebutton-xl-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-disabled: transparent; - --spectrum-closebutton-xl-none-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-closebutton-xl-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render: no; - --spectrum-closebutton-xl-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color: transparent; - --spectrum-closebutton-xl-none-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-closebutton-xl-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-down: no; - --spectrum-closebutton-xl-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-xl-none-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-closebutton-xl-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-hover: no; - --spectrum-closebutton-xl-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-closebutton-xl-none-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-closebutton-xl-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-closebutton-xl-none-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-none-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-closebutton-xl-none-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-closebutton-xl-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-closebutton-xl-none-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-none-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-none-uiicon-type: ui-icon; - --spectrum-closebutton-xl-none-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-none-uiicon-margin: 0; - --spectrum-closebutton-xl-none-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-none-focusring-type: focusring; - --spectrum-closebutton-xl-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-none-padding: 0; - --spectrum-closebutton-xl-none-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-none-layout: inline-row; - --spectrum-closebutton-xl-none-align-items: center; - --spectrum-closebutton-xl-none-justify-content: center; - --spectrum-closebutton-xl-none-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-uiicon-color-disabled: rgba(255,255,255,0.4); - --spectrum-closebutton-xl-white-focusring-border-color-disabled: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-disabled: no; - --spectrum-closebutton-xl-white-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-disabled: transparent; - --spectrum-closebutton-xl-white-uiicon-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render: no; - --spectrum-closebutton-xl-white-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color: transparent; - --spectrum-closebutton-xl-white-uiicon-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-down: no; - --spectrum-closebutton-xl-white-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-down: rgba(255,255,255,0.4); - --spectrum-closebutton-xl-white-uiicon-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-hover: no; - --spectrum-closebutton-xl-white-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-hover: rgba(255,255,255,0.25); - --spectrum-closebutton-xl-white-uiicon-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-white-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-white-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-closebutton-xl-white-uiicon-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-closebutton-xl-white-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-white-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-white-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-white-uiicon-type: ui-icon; - --spectrum-closebutton-xl-white-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-white-uiicon-margin: 0; - --spectrum-closebutton-xl-white-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-focusring-type: focusring; - --spectrum-closebutton-xl-white-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-white-padding: 0; - --spectrum-closebutton-xl-white-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-white-layout: inline-row; - --spectrum-closebutton-xl-white-align-items: center; - --spectrum-closebutton-xl-white-justify-content: center; - --spectrum-closebutton-xl-white-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-uiicon-color-disabled: rgba(0,0,0,0.4); - --spectrum-closebutton-xl-black-focusring-border-color-disabled: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-disabled: no; - --spectrum-closebutton-xl-black-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-disabled: transparent; - --spectrum-closebutton-xl-black-uiicon-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render: no; - --spectrum-closebutton-xl-black-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color: transparent; - --spectrum-closebutton-xl-black-uiicon-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-down: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-down: no; - --spectrum-closebutton-xl-black-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-down: rgba(0,0,0,0.4); - --spectrum-closebutton-xl-black-uiicon-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-hover: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-hover: no; - --spectrum-closebutton-xl-black-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-hover: rgba(0,0,0,0.25); - --spectrum-closebutton-xl-black-uiicon-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-key-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-key-focus: yes; - --spectrum-closebutton-xl-black-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-closebutton-xl-black-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-closebutton-xl-black-uiicon-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-border-color-mouse-focus: var(--spectrum-global-color-static-black); - --spectrum-closebutton-xl-black-focusring-render-mouse-focus: no; - --spectrum-closebutton-xl-black-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-closebutton-xl-black-background-color-mouse-focus: transparent; - --spectrum-closebutton-xl-black-uiicon-type: ui-icon; - --spectrum-closebutton-xl-black-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-500); - --spectrum-closebutton-xl-black-uiicon-margin: 0; - --spectrum-closebutton-xl-black-focusring-border-radius: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-focusring-type: focusring; - --spectrum-closebutton-xl-black-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-closebutton-xl-black-padding: 0; - --spectrum-closebutton-xl-black-size: var(--spectrum-global-dimension-size-600); - --spectrum-closebutton-xl-black-layout: inline-row; - --spectrum-closebutton-xl-black-align-items: center; - --spectrum-closebutton-xl-black-justify-content: center; - --spectrum-closebutton-xl-black-border-radius: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-coachmark.css b/components/vars/css/components/spectrum-coachmark.css deleted file mode 100644 index 6ff91391965..00000000000 --- a/components/vars/css/components/spectrum-coachmark.css +++ /dev/null @@ -1,192 +0,0 @@ -:root { - --spectrum-coachmark-quiet-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-quiet-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-quiet-content-text-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-quiet-content-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-quiet-step-text-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-quiet-step-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-quiet-indicator-ring-default-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-quiet-indicator-ring-low-contrast-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-quiet-indicator-ring-high-contrast-color: var(--spectrum-global-color-gray-900); - --spectrum-coachmark-quiet-indicator-ring-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-quiet-background-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-quiet-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-coachmark-quiet-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-coachmark-quiet-padding-x: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-padding-y: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-quiet-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-quiet-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-quiet-title-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-title-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-quiet-title-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-quiet-title-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-coachmark-quiet-title-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-coachmark-quiet-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-quiet-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-title-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-title-text-transform: none; - --spectrum-coachmark-quiet-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-content-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-content-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-quiet-content-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-quiet-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-content-margin-top: 0px; - --spectrum-coachmark-quiet-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-quiet-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-content-text-transform: none; - --spectrum-coachmark-quiet-step-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-step-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-step-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-quiet-step-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-quiet-step-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-quiet-step-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-quiet-step-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-quiet-step-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-quiet-step-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-quiet-step-margin-top: 0px; - --spectrum-coachmark-quiet-step-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-coachmark-quiet-step-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-quiet-step-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-quiet-step-text-transform: none; - --spectrum-coachmark-quiet-indicator-ring-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-coachmark-quiet-indicator-ring-diameter: var(--spectrum-global-dimension-size-100); - --spectrum-coachmark-quiet-indicator-gap: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-coachmark-quiet-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-coachmark-quiet-min-width: var(--spectrum-global-dimension-size-3400); - --spectrum-coachmark-quiet-max-width: var(--spectrum-global-dimension-size-5000); - --spectrum-coachmark-quiet-padding: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-quiet-elevation: 2dp; - --spectrum-coachmark-quiet-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-coachmark-quiet-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-coachmark-quiet-entry-animation-delay: var(--spectrum-global-animation-duration-300); - --spectrum-coachmark-quiet-entry-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-coachmark-quiet-entry-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-quiet-entry-animation-properties: opacity, distance; - --spectrum-coachmark-quiet-exit-animation-delay: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-quiet-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-quiet-exit-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-quiet-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-quiet-exit-animation-properties: opacity, distance; - --spectrum-coachmark-quiet-indicator-entry-animation-delay: 0ms; - --spectrum-coachmark-quiet-indicator-entry-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-quiet-indicator-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-quiet-indicator-entry-animation-properties: opacity; - --spectrum-coachmark-quiet-indicator-exit-animation-delay: 0ms; - --spectrum-coachmark-quiet-indicator-exit-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-quiet-indicator-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-quiet-indicator-exit-animation-properties: opacity; - --spectrum-coachmark-quiet-animation-indicator-ring-duration: 3000ms; - --spectrum-coachmark-quiet-animation-indicator-ring-ease: var(--spectrum-global-animation-linear); - --spectrum-coachmark-quiet-animation-indicator-ring-outer-delay-multiple: -1; - --spectrum-coachmark-quiet-animation-indicator-ring-center-delay-multiple: -0.66; - --spectrum-coachmark-quiet-animation-indicator-ring-inner-delay-multiple: -0.33; - --spectrum-coachmark-quiet-animation-indicator-keyframe-0-opacity: 0; - --spectrum-coachmark-quiet-animation-indicator-keyframe-50-opacity: 1; - --spectrum-coachmark-quiet-animation-indicator-keyframe-100-opacity: 0; - --spectrum-coachmark-quiet-animation-indicator-keyframe-0-scale: 0.8; - --spectrum-coachmark-quiet-animation-indicator-keyframe-50-scale: 1.5; - --spectrum-coachmark-quiet-animation-indicator-keyframe-100-scale: 2; - --spectrum-coachmark-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-title-color: var(--spectrum-alias-heading-text-color); - --spectrum-coachmark-content-text-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-content-color: var(--spectrum-alias-text-color); - --spectrum-coachmark-step-text-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-step-color: var(--spectrum-alias-label-text-color); - --spectrum-coachmark-indicator-ring-default-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-indicator-ring-low-contrast-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-indicator-ring-high-contrast-color: var(--spectrum-global-color-gray-900); - --spectrum-coachmark-indicator-ring-color: var(--spectrum-alias-focus-color); - --spectrum-coachmark-background-color: var(--spectrum-global-color-gray-50); - --spectrum-coachmark-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-coachmark-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-coachmark-padding-x: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-padding-y: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-title-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-title-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-coachmark-title-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-coachmark-title-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-coachmark-title-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-coachmark-title-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-coachmark-title-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-title-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-title-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-title-text-transform: none; - --spectrum-coachmark-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-content-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-content-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-content-margin-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-coachmark-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-content-margin-top: 0px; - --spectrum-coachmark-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-content-text-transform: none; - --spectrum-coachmark-step-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-step-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-step-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-step-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-step-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-coachmark-step-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-coachmark-step-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-coachmark-step-font-style: var(--spectrum-global-font-style-regular); - --spectrum-coachmark-step-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-coachmark-step-margin-top: 0px; - --spectrum-coachmark-step-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-coachmark-step-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-coachmark-step-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-coachmark-step-text-transform: none; - --spectrum-coachmark-indicator-ring-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-coachmark-indicator-ring-diameter: var(--spectrum-global-dimension-size-200); - --spectrum-coachmark-indicator-gap: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-coachmark-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-coachmark-min-width: var(--spectrum-global-dimension-size-3400); - --spectrum-coachmark-max-width: var(--spectrum-global-dimension-size-5000); - --spectrum-coachmark-padding: var(--spectrum-global-dimension-size-300); - --spectrum-coachmark-elevation: 2dp; - --spectrum-coachmark-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-coachmark-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-coachmark-entry-animation-delay: var(--spectrum-global-animation-duration-300); - --spectrum-coachmark-entry-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-coachmark-entry-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-entry-animation-properties: opacity, distance; - --spectrum-coachmark-exit-animation-delay: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-coachmark-exit-animation-distance: var(--spectrum-global-dimension-size-75); - --spectrum-coachmark-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-exit-animation-properties: opacity, distance; - --spectrum-coachmark-indicator-entry-animation-delay: 0ms; - --spectrum-coachmark-indicator-entry-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-indicator-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-coachmark-indicator-entry-animation-properties: opacity; - --spectrum-coachmark-indicator-exit-animation-delay: 0ms; - --spectrum-coachmark-indicator-exit-animation-duration: var(--spectrum-global-animation-duration-800); - --spectrum-coachmark-indicator-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-coachmark-indicator-exit-animation-properties: opacity; - --spectrum-coachmark-animation-indicator-ring-duration: 3000ms; - --spectrum-coachmark-animation-indicator-ring-ease: var(--spectrum-global-animation-linear); - --spectrum-coachmark-animation-indicator-ring-outer-delay-multiple: -1; - --spectrum-coachmark-animation-indicator-ring-center-delay-multiple: -0.66; - --spectrum-coachmark-animation-indicator-ring-inner-delay-multiple: -0.5; - --spectrum-coachmark-animation-indicator-keyframe-0-opacity: 0; - --spectrum-coachmark-animation-indicator-keyframe-50-opacity: 1; - --spectrum-coachmark-animation-indicator-keyframe-100-opacity: 0; - --spectrum-coachmark-animation-indicator-keyframe-0-scale: 1; - --spectrum-coachmark-animation-indicator-keyframe-50-scale: 1.5; - --spectrum-coachmark-animation-indicator-keyframe-100-scale: 2; -} diff --git a/components/vars/css/components/spectrum-code.css b/components/vars/css/components/spectrum-code.css deleted file mode 100644 index 52694ab257b..00000000000 --- a/components/vars/css/components/spectrum-code.css +++ /dev/null @@ -1,722 +0,0 @@ -:root { - --spectrum-code-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-strong-margin-top: 0px; - --spectrum-code-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-strong-text-transform: none; - --spectrum-code-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-emphasized-margin-top: 0px; - --spectrum-code-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-emphasized-text-transform: none; - --spectrum-code-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-strong-margin-top: 0px; - --spectrum-code-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-strong-text-transform: none; - --spectrum-code-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-color: var(--spectrum-alias-text-color); - --spectrum-code-xs-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xs-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-xs-margin-top: 0px; - --spectrum-code-xs-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xs-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xs-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xs-text-transform: none; - --spectrum-code-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-strong-margin-top: 0px; - --spectrum-code-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-strong-text-transform: none; - --spectrum-code-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-s-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-emphasized-margin-top: 0px; - --spectrum-code-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-emphasized-text-transform: none; - --spectrum-code-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-s-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-strong-margin-top: 0px; - --spectrum-code-s-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-strong-text-transform: none; - --spectrum-code-s-text-color: var(--spectrum-alias-text-color); - --spectrum-code-s-color: var(--spectrum-alias-text-color); - --spectrum-code-s-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-s-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-s-margin-top: 0px; - --spectrum-code-s-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-s-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-s-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-s-text-transform: none; - --spectrum-code-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-strong-margin-top: 0px; - --spectrum-code-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-strong-text-transform: none; - --spectrum-code-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-m-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-emphasized-margin-top: 0px; - --spectrum-code-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-emphasized-text-transform: none; - --spectrum-code-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-m-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-strong-margin-top: 0px; - --spectrum-code-m-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-strong-text-transform: none; - --spectrum-code-m-text-color: var(--spectrum-alias-text-color); - --spectrum-code-m-color: var(--spectrum-alias-text-color); - --spectrum-code-m-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-m-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-m-margin-top: 0px; - --spectrum-code-m-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-m-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-m-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-m-text-transform: none; - --spectrum-code-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-strong-margin-top: 0px; - --spectrum-code-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-strong-text-transform: none; - --spectrum-code-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-l-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-emphasized-margin-top: 0px; - --spectrum-code-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-emphasized-text-transform: none; - --spectrum-code-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-l-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-strong-margin-top: 0px; - --spectrum-code-l-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-strong-text-transform: none; - --spectrum-code-l-text-color: var(--spectrum-alias-text-color); - --spectrum-code-l-color: var(--spectrum-alias-text-color); - --spectrum-code-l-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-l-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-l-margin-top: 0px; - --spectrum-code-l-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-l-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-l-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-l-text-transform: none; - --spectrum-code-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-strong-margin-top: 0px; - --spectrum-code-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-emphasized-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-strong-text-transform: none; - --spectrum-code-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-emphasized-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-emphasized-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-code-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-emphasized-margin-top: 0px; - --spectrum-code-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-emphasized-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-emphasized-text-transform: none; - --spectrum-code-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-strong-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-strong-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-strong-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-strong-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-strong-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-code-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-strong-margin-top: 0px; - --spectrum-code-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-strong-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-strong-text-transform: none; - --spectrum-code-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-color: var(--spectrum-alias-text-color); - --spectrum-code-xl-text-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-text-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-text-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-font-family: var(--spectrum-alias-code-text-font-family); - --spectrum-code-xl-font-weight: var(--spectrum-alias-code-text-font-weight-regular); - --spectrum-code-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-xl-margin-top: 0px; - --spectrum-code-xl-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-xl-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-xl-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-code-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-code-xl-text-transform: none; - --spectrum-code-han-xs-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-strong-margin-top: 0px; - --spectrum-code-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-strong-text-transform: none; - --spectrum-code-han-xs-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-emphasized-margin-top: 0px; - --spectrum-code-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-emphasized-text-transform: none; - --spectrum-code-han-xs-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-strong-margin-top: 0px; - --spectrum-code-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-strong-text-transform: none; - --spectrum-code-han-xs-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xs-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xs-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-code-han-xs-margin-top: 0px; - --spectrum-code-han-xs-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xs-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xs-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xs-text-transform: none; - --spectrum-code-han-s-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-strong-margin-top: 0px; - --spectrum-code-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-strong-text-transform: none; - --spectrum-code-han-s-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-emphasized-margin-top: 0px; - --spectrum-code-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-emphasized-text-transform: none; - --spectrum-code-han-s-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-strong-margin-top: 0px; - --spectrum-code-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-strong-text-transform: none; - --spectrum-code-han-s-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-color: var(--spectrum-alias-text-color); - --spectrum-code-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-s-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-s-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-code-han-s-margin-top: 0px; - --spectrum-code-han-s-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-s-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-s-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-s-text-transform: none; - --spectrum-code-han-m-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-strong-margin-top: 0px; - --spectrum-code-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-strong-text-transform: none; - --spectrum-code-han-m-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-emphasized-margin-top: 0px; - --spectrum-code-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-emphasized-text-transform: none; - --spectrum-code-han-m-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-strong-margin-top: 0px; - --spectrum-code-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-strong-text-transform: none; - --spectrum-code-han-m-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-color: var(--spectrum-alias-text-color); - --spectrum-code-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-m-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-m-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-code-han-m-margin-top: 0px; - --spectrum-code-han-m-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-m-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-m-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-m-text-transform: none; - --spectrum-code-han-l-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-strong-margin-top: 0px; - --spectrum-code-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-strong-text-transform: none; - --spectrum-code-han-l-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-emphasized-margin-top: 0px; - --spectrum-code-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-emphasized-text-transform: none; - --spectrum-code-han-l-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-strong-margin-top: 0px; - --spectrum-code-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-strong-text-transform: none; - --spectrum-code-han-l-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-color: var(--spectrum-alias-text-color); - --spectrum-code-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-l-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-l-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-code-han-l-margin-top: 0px; - --spectrum-code-han-l-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-l-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-l-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-l-text-transform: none; - --spectrum-code-han-xl-emphasized-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-code-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-strong-text-transform: none; - --spectrum-code-han-xl-emphasized-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-emphasized-font-weight: var(--spectrum-alias-han-body-text-font-weight-emphasis); - --spectrum-code-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-emphasized-margin-top: 0px; - --spectrum-code-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-emphasized-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-emphasized-text-transform: none; - --spectrum-code-han-xl-strong-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-strong-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-strong-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-strong-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-strong-font-weight: var(--spectrum-alias-han-body-text-font-weight-strong); - --spectrum-code-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-strong-margin-top: 0px; - --spectrum-code-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-strong-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-strong-text-transform: none; - --spectrum-code-han-xl-text-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-color: var(--spectrum-alias-text-color); - --spectrum-code-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-text-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-text-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-code-han-xl-font-weight: var(--spectrum-alias-han-body-text-font-weight-regular); - --spectrum-code-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-code-han-xl-font-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-code-han-xl-margin-top: 0px; - --spectrum-code-han-xl-margin-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-code-han-xl-margin-bottom-multiplier: var(--spectrum-alias-code-margin-bottom); - --spectrum-code-han-xl-line-height: var(--spectrum-alias-han-body-text-line-height); - --spectrum-code-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-code-han-xl-text-transform: none; -} diff --git a/components/vars/css/components/spectrum-colorarea.css b/components/vars/css/components/spectrum-colorarea.css deleted file mode 100644 index c7827a3dcf4..00000000000 --- a/components/vars/css/components/spectrum-colorarea.css +++ /dev/null @@ -1,32 +0,0 @@ -:root { - --spectrum-colorarea-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorarea-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorarea-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorarea-default-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-default-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorarea-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-colorarea-min-height: var(--spectrum-global-dimension-size-800); - --spectrum-colorarea-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorarea-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorarea-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/vars/css/components/spectrum-colorhandle.css b/components/vars/css/components/spectrum-colorhandle.css deleted file mode 100644 index fdfad1ff3cd..00000000000 --- a/components/vars/css/components/spectrum-colorhandle.css +++ /dev/null @@ -1,90 +0,0 @@ -:root { - --spectrum-colorhandle-inner-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-colorhandle-outer-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-colorhandle-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorhandle-cursor-hit-width-disabled: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-disabled: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-disabled: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-disabled: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-disabled: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-disabled: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-disabled: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-disabled: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-colorhandle-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-colorhandle-inner-border-color: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-down: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-down: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-down: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-down: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-down: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-down: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-down: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-down: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-down: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-down: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-down: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-down: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-hover: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-hover: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-hover: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-hover: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-hover: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-hover: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-hover: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-hover: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-hover: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-hover: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-hover: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-hover: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-key-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-cursor-hit-height-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-cursor-hit-x-key-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-cursor-hit-y-key-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-touch-hit-x-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-touch-hit-y-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-width-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-height-key-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-background-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-key-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-inner-border-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-outer-border-color-mouse-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-fill-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-colorhandle-cursor-hit-width-mouse-focus: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-height-mouse-focus: var(--spectrum-global-dimension-size-300); - --spectrum-colorhandle-cursor-hit-x-mouse-focus: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-cursor-hit-y-mouse-focus: var(--spectrum-global-dimension-size-100); - --spectrum-colorhandle-touch-hit-x-mouse-focus: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-touch-hit-y-mouse-focus: var(--spectrum-global-dimension-size-500); - --spectrum-colorhandle-width-mouse-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-height-mouse-focus: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-background-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-colorhandle-border-color-mouse-focus: rgba(0,0,0,0.42); - --spectrum-colorhandle-size: var(--spectrum-global-dimension-size-200); - --spectrum-colorhandle-size-focus: var(--spectrum-global-dimension-size-400); - --spectrum-colorhandle-inner-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorhandle-outer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-colorhandle-padding: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorhandle-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-colorloupe.css b/components/vars/css/components/spectrum-colorloupe.css deleted file mode 100644 index eb90e1b0883..00000000000 --- a/components/vars/css/components/spectrum-colorloupe.css +++ /dev/null @@ -1,26 +0,0 @@ -:root { - --spectrum-colorloupe-inner-border-color: var(--spectrum-global-color-static-white); - --spectrum-colorloupe-outer-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorloupe-background-color: var(--spectrum-global-color-static-white); - --spectrum-colorloupe-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorloupe-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-colorloupe-inner-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorloupe-outer-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-colorloupe-width: var(--spectrum-alias-colorloupe-width); - --spectrum-colorloupe-height: var(--spectrum-alias-colorloupe-height); - --spectrum-colorloupe-padding: var(--spectrum-global-dimension-static-size-25); - --spectrum-colorloupe-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-colorloupe-elevation: 2dp; - --spectrum-colorloupe-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-colorloupe-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-colorloupe-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-colorloupe-entry-animation-opacity: var(--spectrum-global-color-opacity-0); - --spectrum-colorloupe-entry-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-colorloupe-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-colorloupe-entry-animation-properties: opacity; - --spectrum-colorloupe-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-colorloupe-exit-animation-opacity: var(--spectrum-global-color-opacity-0); - --spectrum-colorloupe-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-colorloupe-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-colorloupe-exit-animation-properties: opacity; -} diff --git a/components/vars/css/components/spectrum-colorslider.css b/components/vars/css/components/spectrum-colorslider.css deleted file mode 100644 index 5cb41a9929d..00000000000 --- a/components/vars/css/components/spectrum-colorslider.css +++ /dev/null @@ -1,72 +0,0 @@ -:root { - --spectrum-colorslider-vertical-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-vertical-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-vertical-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-vertical-min-height: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-vertical-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-vertical-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-default-length: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-vertical-min-length: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-vertical-cursor-hit-x: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-vertical-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-vertical-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-vertical-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-vertical-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-vertical-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-200); - --spectrum-colorslider-vertical-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorslider-vertical-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-colorslider-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorslider-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorslider-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorslider-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-default-length: var(--spectrum-global-dimension-size-2400); - --spectrum-colorslider-min-length: var(--spectrum-global-dimension-size-1000); - --spectrum-colorslider-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-cursor-hit-y: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-colorslider-colorhandle-touch-hit-width: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-colorhandle-touch-hit-height: var(--spectrum-global-dimension-size-600); - --spectrum-colorslider-colorhandle-touch-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-colorhandle-cursor-hit-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-colorslider-colorhandle-cursor-hit-width: var(--spectrum-global-dimension-size-200); - --spectrum-colorslider-colorhandle-cursor-hit-height: var(--spectrum-global-dimension-size-300); - --spectrum-colorslider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-colorslider-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/vars/css/components/spectrum-colorwheel.css b/components/vars/css/components/spectrum-colorwheel.css deleted file mode 100644 index e0ea918f4de..00000000000 --- a/components/vars/css/components/spectrum-colorwheel.css +++ /dev/null @@ -1,28 +0,0 @@ -:root { - --spectrum-colorwheel-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-border-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-background-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-colorwheel-fill-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-key-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-key-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-fill-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-colorwheel-background-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-colorwheel-default-size: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-cursor-hit-outer: var(--spectrum-global-dimension-size-0); - --spectrum-colorwheel-cursor-hit-inner: var(--spectrum-global-dimension-size-0); - --spectrum-colorwheel-colorarea-margin: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-track-width: var(--spectrum-global-dimension-size-300); - --spectrum-colorwheel-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-height: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-combobox.css b/components/vars/css/components/spectrum-combobox.css deleted file mode 100644 index ec219aa5d5d..00000000000 --- a/components/vars/css/components/spectrum-combobox.css +++ /dev/null @@ -1,786 +0,0 @@ -:root { - --spectrum-combobox-s-quiet-border-size: 0; - --spectrum-combobox-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-s-quiet-focusring-render: no; - --spectrum-combobox-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-border-size-down: 0; - --spectrum-combobox-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-s-quiet-focusring-render-down: no; - --spectrum-combobox-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-border-size-hover: 0; - --spectrum-combobox-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-s-quiet-focusring-render-hover: no; - --spectrum-combobox-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-border-size-key-focus: 0; - --spectrum-combobox-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-s-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-s-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-s-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-quiet-placeholder-render: yes; - --spectrum-combobox-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-quiet-placeholder-text-transform: none; - --spectrum-combobox-s-quiet-text-render: yes; - --spectrum-combobox-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-quiet-text-text-transform: none; - --spectrum-combobox-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-s-quiet-focusring-border-radius: 0; - --spectrum-combobox-s-quiet-focusring-border-width: 0; - --spectrum-combobox-s-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-s-quiet-focusring-type: focusring; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-s-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-s-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-s-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-s-quiet-pickerbutton-width: auto; - --spectrum-combobox-s-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-combobox-s-quiet-layout: row; - --spectrum-combobox-s-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-s-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-combobox-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-s-focusring-render: no; - --spectrum-combobox-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-s-focusring-render-down: no; - --spectrum-combobox-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-s-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-s-focusring-render-hover: no; - --spectrum-combobox-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-s-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-s-focusring-render-key-focus: yes; - --spectrum-combobox-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-s-focusring-render-mouse-focus: no; - --spectrum-combobox-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-s-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-s-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-s-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-s-placeholder-render: yes; - --spectrum-combobox-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-placeholder-text-transform: none; - --spectrum-combobox-s-text-render: yes; - --spectrum-combobox-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-combobox-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-s-text-text-transform: none; - --spectrum-combobox-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-combobox-s-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-s-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-s-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-s-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-s-focusring-type: focusring; - --spectrum-combobox-s-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-s-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-s-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-s-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-combobox-s-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-combobox-s-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-s-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-s-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-pickerbutton-fill-layout: row; - --spectrum-combobox-s-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-s-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-combobox-s-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-combobox-s-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-s-pickerbutton-min-width: 0; - --spectrum-combobox-s-pickerbutton-width: auto; - --spectrum-combobox-s-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-combobox-s-layout: row; - --spectrum-combobox-s-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-s-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-combobox-m-quiet-border-size: 0; - --spectrum-combobox-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-m-quiet-focusring-render: no; - --spectrum-combobox-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-border-size-down: 0; - --spectrum-combobox-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-m-quiet-focusring-render-down: no; - --spectrum-combobox-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-border-size-hover: 0; - --spectrum-combobox-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-m-quiet-focusring-render-hover: no; - --spectrum-combobox-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-border-size-key-focus: 0; - --spectrum-combobox-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-m-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-m-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-m-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-quiet-placeholder-render: yes; - --spectrum-combobox-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-quiet-placeholder-text-transform: none; - --spectrum-combobox-m-quiet-text-render: yes; - --spectrum-combobox-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-quiet-text-text-transform: none; - --spectrum-combobox-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-m-quiet-focusring-border-radius: 0; - --spectrum-combobox-m-quiet-focusring-border-width: 0; - --spectrum-combobox-m-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-m-quiet-focusring-type: focusring; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-m-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-m-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-m-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-m-quiet-pickerbutton-width: auto; - --spectrum-combobox-m-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-combobox-m-quiet-layout: row; - --spectrum-combobox-m-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-m-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-combobox-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-combobox-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-m-focusring-render: no; - --spectrum-combobox-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-m-focusring-render-down: no; - --spectrum-combobox-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-m-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-m-focusring-render-hover: no; - --spectrum-combobox-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-m-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-m-focusring-render-key-focus: yes; - --spectrum-combobox-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-m-focusring-render-mouse-focus: no; - --spectrum-combobox-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-m-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-m-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-m-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-m-placeholder-render: yes; - --spectrum-combobox-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-placeholder-text-transform: none; - --spectrum-combobox-m-text-render: yes; - --spectrum-combobox-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-combobox-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-m-text-text-transform: none; - --spectrum-combobox-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-combobox-m-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-m-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-m-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-m-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-m-focusring-type: focusring; - --spectrum-combobox-m-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-m-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-m-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-m-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-combobox-m-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-combobox-m-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-m-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-m-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-pickerbutton-fill-layout: row; - --spectrum-combobox-m-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-m-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-combobox-m-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-combobox-m-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-m-pickerbutton-min-width: 0; - --spectrum-combobox-m-pickerbutton-width: auto; - --spectrum-combobox-m-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-combobox-m-layout: row; - --spectrum-combobox-m-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-m-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-combobox-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-combobox-l-quiet-border-size: 0; - --spectrum-combobox-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-l-quiet-focusring-render: no; - --spectrum-combobox-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-border-size-down: 0; - --spectrum-combobox-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-l-quiet-focusring-render-down: no; - --spectrum-combobox-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-border-size-hover: 0; - --spectrum-combobox-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-l-quiet-focusring-render-hover: no; - --spectrum-combobox-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-border-size-key-focus: 0; - --spectrum-combobox-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-l-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-l-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-l-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-quiet-placeholder-render: yes; - --spectrum-combobox-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-quiet-placeholder-text-transform: none; - --spectrum-combobox-l-quiet-text-render: yes; - --spectrum-combobox-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-quiet-text-text-transform: none; - --spectrum-combobox-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-l-quiet-focusring-border-radius: 0; - --spectrum-combobox-l-quiet-focusring-border-width: 0; - --spectrum-combobox-l-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-l-quiet-focusring-type: focusring; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-l-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-combobox-l-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-l-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-l-quiet-pickerbutton-width: auto; - --spectrum-combobox-l-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-combobox-l-quiet-layout: row; - --spectrum-combobox-l-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-l-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-combobox-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-l-focusring-render: no; - --spectrum-combobox-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-l-focusring-render-down: no; - --spectrum-combobox-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-l-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-l-focusring-render-hover: no; - --spectrum-combobox-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-l-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-l-focusring-render-key-focus: yes; - --spectrum-combobox-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-l-focusring-render-mouse-focus: no; - --spectrum-combobox-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-l-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-l-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-l-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-l-placeholder-render: yes; - --spectrum-combobox-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-placeholder-text-transform: none; - --spectrum-combobox-l-text-render: yes; - --spectrum-combobox-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-combobox-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-l-text-text-transform: none; - --spectrum-combobox-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-combobox-l-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-l-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-l-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-l-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-l-focusring-type: focusring; - --spectrum-combobox-l-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-l-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-l-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-l-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-combobox-l-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-combobox-l-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-l-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-l-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-pickerbutton-fill-layout: row; - --spectrum-combobox-l-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-combobox-l-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-combobox-l-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-combobox-l-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-l-pickerbutton-min-width: 0; - --spectrum-combobox-l-pickerbutton-width: auto; - --spectrum-combobox-l-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-combobox-l-layout: row; - --spectrum-combobox-l-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-l-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-l-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-combobox-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-combobox-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-combobox-xl-quiet-border-size: 0; - --spectrum-combobox-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-xl-quiet-focusring-render: no; - --spectrum-combobox-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-border-size-down: 0; - --spectrum-combobox-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-xl-quiet-focusring-render-down: no; - --spectrum-combobox-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-border-size-hover: 0; - --spectrum-combobox-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-xl-quiet-focusring-render-hover: no; - --spectrum-combobox-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-border-size-key-focus: 0; - --spectrum-combobox-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-xl-quiet-focusring-render-key-focus: yes; - --spectrum-combobox-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-xl-quiet-border-size-mouse-focus: 0; - --spectrum-combobox-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-combobox-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-quiet-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-quiet-placeholder-render: yes; - --spectrum-combobox-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-quiet-placeholder-text-transform: none; - --spectrum-combobox-xl-quiet-text-render: yes; - --spectrum-combobox-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-quiet-text-text-transform: none; - --spectrum-combobox-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-xl-quiet-focusring-border-radius: 0; - --spectrum-combobox-xl-quiet-focusring-border-width: 0; - --spectrum-combobox-xl-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-combobox-xl-quiet-focusring-type: focusring; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-quiet-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-layout: row; - --spectrum-combobox-xl-quiet-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-xl-quiet-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-quiet-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-xl-quiet-pickerbutton-min-width: 0; - --spectrum-combobox-xl-quiet-pickerbutton-width: auto; - --spectrum-combobox-xl-quiet-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-combobox-xl-quiet-layout: row; - --spectrum-combobox-xl-quiet-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-combobox-xl-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-combobox-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-combobox-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-combobox-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-combobox-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-combobox-xl-focusring-render: no; - --spectrum-combobox-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-combobox-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-combobox-xl-focusring-render-down: no; - --spectrum-combobox-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-combobox-xl-pickerbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-combobox-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-combobox-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-combobox-xl-focusring-render-hover: no; - --spectrum-combobox-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-combobox-xl-pickerbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-combobox-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-combobox-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-combobox-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-combobox-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-combobox-xl-focusring-render-key-focus: yes; - --spectrum-combobox-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-combobox-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-combobox-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-combobox-xl-focusring-render-mouse-focus: no; - --spectrum-combobox-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-combobox-xl-pickerbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-combobox-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-combobox-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-combobox-xl-pickerbutton-fill-border-color: transparent; - --spectrum-combobox-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-combobox-xl-placeholder-render: yes; - --spectrum-combobox-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-combobox-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-combobox-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-placeholder-text-transform: none; - --spectrum-combobox-xl-text-render: yes; - --spectrum-combobox-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-combobox-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-combobox-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-combobox-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-combobox-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-combobox-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-combobox-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-combobox-xl-text-text-transform: none; - --spectrum-combobox-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-combobox-xl-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-combobox-xl-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-combobox-xl-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-xl-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-combobox-xl-focusring-type: focusring; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-type: ui-icon; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-render: yes; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-rotate: 90deg; - --spectrum-combobox-xl-pickerbutton-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-combobox-xl-pickerbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-combobox-xl-pickerbutton-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-pickerbutton-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-pickerbutton-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-combobox-xl-pickerbutton-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-combobox-xl-pickerbutton-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-pickerbutton-fill-layout: row; - --spectrum-combobox-xl-pickerbutton-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-combobox-xl-pickerbutton-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-pickerbutton-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-combobox-xl-pickerbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-combobox-xl-pickerbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-combobox-xl-pickerbutton-min-width: 0; - --spectrum-combobox-xl-pickerbutton-width: auto; - --spectrum-combobox-xl-pickerbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-combobox-xl-layout: row; - --spectrum-combobox-xl-min-width: var(--spectrum-global-dimension-size-1000); - --spectrum-combobox-xl-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-combobox-xl-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-combobox-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-combobox-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-combobox-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-cyclebutton.css b/components/vars/css/components/spectrum-cyclebutton.css deleted file mode 100644 index ef77076c665..00000000000 --- a/components/vars/css/components/spectrum-cyclebutton.css +++ /dev/null @@ -1,57 +0,0 @@ -:root { - --spectrum-cyclebutton-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-hold-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-cyclebutton-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-cyclebutton-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-cyclebutton-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-cyclebutton-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-hold-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-cyclebutton-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-cyclebutton-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-cyclebutton-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-cyclebutton-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-hold-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-cyclebutton-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-cyclebutton-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-cyclebutton-background-color-down: var(--spectrum-alias-component-background-color-quiet-down); - --spectrum-cyclebutton-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-hold-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-cyclebutton-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-cyclebutton-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-cyclebutton-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-cyclebutton-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-cyclebutton-hold-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-cyclebutton-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-cyclebutton-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-cyclebutton-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-cyclebutton-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-cyclebutton-hold-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-cyclebutton-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-cyclebutton-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-cyclebutton-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-cyclebutton-hold-icon-type: ui-icon; - --spectrum-cyclebutton-hold-icon-render: no; - --spectrum-cyclebutton-hold-icon-position: absolute; - --spectrum-cyclebutton-hold-icon-right: 0; - --spectrum-cyclebutton-hold-icon-bottom: 0; - --spectrum-cyclebutton-hold-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-cyclebutton-hold-icon-margin-right: var(--spectrum-global-dimension-size-50); - --spectrum-cyclebutton-hold-icon-size: var(--spectrum-alias-ui-icon-cornertriangle-size-100); - --spectrum-cyclebutton-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-icon-margin-top: 0; - --spectrum-cyclebutton-icon-margin-bottom: 0; - --spectrum-cyclebutton-icon-render: yes; - --spectrum-cyclebutton-icon-order: 1; - --spectrum-cyclebutton-icon-type: icon; - --spectrum-cyclebutton-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-cyclebutton-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-cyclebutton-layout: inline-row; - --spectrum-cyclebutton-position: relative; - --spectrum-cyclebutton-min-width: 0; - --spectrum-cyclebutton-gap: var(--spectrum-global-dimension-size-100); - --spectrum-cyclebutton-height: var(--spectrum-global-dimension-size-400); - --spectrum-cyclebutton-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-cyclebutton-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-cyclebutton-padding-left: var(--spectrum-global-dimension-size-85); -} diff --git a/components/vars/css/components/spectrum-detail.css b/components/vars/css/components/spectrum-detail.css deleted file mode 100644 index 72cb2df1030..00000000000 --- a/components/vars/css/components/spectrum-detail.css +++ /dev/null @@ -1,2306 +0,0 @@ -:root { - --spectrum-detail-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-s-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-strong-text-transform: uppercase; - --spectrum-detail-s-serif-light-strong-margin-top: 0px; - --spectrum-detail-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-serif-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-light-text-transform: uppercase; - --spectrum-detail-s-serif-light-margin-top: 0px; - --spectrum-detail-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-m-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-strong-text-transform: uppercase; - --spectrum-detail-m-serif-light-strong-margin-top: 0px; - --spectrum-detail-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-serif-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-light-text-transform: uppercase; - --spectrum-detail-m-serif-light-margin-top: 0px; - --spectrum-detail-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-l-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-strong-text-transform: uppercase; - --spectrum-detail-l-serif-light-strong-margin-top: 0px; - --spectrum-detail-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-serif-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-light-text-transform: uppercase; - --spectrum-detail-l-serif-light-margin-top: 0px; - --spectrum-detail-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-xl-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-light-strong-margin-top: 0px; - --spectrum-detail-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-serif-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-light-text-transform: uppercase; - --spectrum-detail-xl-serif-light-margin-top: 0px; - --spectrum-detail-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-emphasized-text-transform: uppercase; - --spectrum-detail-s-light-emphasized-margin-top: 0px; - --spectrum-detail-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-strong-text-transform: uppercase; - --spectrum-detail-s-light-strong-margin-top: 0px; - --spectrum-detail-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-s-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-light-text-transform: uppercase; - --spectrum-detail-s-light-margin-top: 0px; - --spectrum-detail-s-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-emphasized-text-transform: uppercase; - --spectrum-detail-m-light-emphasized-margin-top: 0px; - --spectrum-detail-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-strong-text-transform: uppercase; - --spectrum-detail-m-light-strong-margin-top: 0px; - --spectrum-detail-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-m-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-light-text-transform: uppercase; - --spectrum-detail-m-light-margin-top: 0px; - --spectrum-detail-m-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-emphasized-text-transform: uppercase; - --spectrum-detail-l-light-emphasized-margin-top: 0px; - --spectrum-detail-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-strong-text-transform: uppercase; - --spectrum-detail-l-light-strong-margin-top: 0px; - --spectrum-detail-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-l-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-light-text-transform: uppercase; - --spectrum-detail-l-light-margin-top: 0px; - --spectrum-detail-l-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-emphasized-text-transform: uppercase; - --spectrum-detail-xl-light-emphasized-margin-top: 0px; - --spectrum-detail-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-strong-text-transform: uppercase; - --spectrum-detail-xl-light-strong-margin-top: 0px; - --spectrum-detail-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-text-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-font-weight: var(--spectrum-alias-detail-text-font-weight-light); - --spectrum-detail-xl-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-light-text-transform: uppercase; - --spectrum-detail-xl-light-margin-top: 0px; - --spectrum-detail-xl-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-emphasized-text-transform: uppercase; - --spectrum-detail-s-serif-emphasized-margin-top: 0px; - --spectrum-detail-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-strong-text-transform: uppercase; - --spectrum-detail-s-serif-strong-margin-top: 0px; - --spectrum-detail-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-serif-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-serif-text-transform: uppercase; - --spectrum-detail-s-serif-margin-top: 0px; - --spectrum-detail-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-emphasized-text-transform: uppercase; - --spectrum-detail-m-serif-emphasized-margin-top: 0px; - --spectrum-detail-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-strong-text-transform: uppercase; - --spectrum-detail-m-serif-strong-margin-top: 0px; - --spectrum-detail-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-serif-text-transform: uppercase; - --spectrum-detail-m-serif-margin-top: 0px; - --spectrum-detail-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-emphasized-text-transform: uppercase; - --spectrum-detail-l-serif-emphasized-margin-top: 0px; - --spectrum-detail-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-strong-text-transform: uppercase; - --spectrum-detail-l-serif-strong-margin-top: 0px; - --spectrum-detail-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-serif-text-transform: uppercase; - --spectrum-detail-l-serif-margin-top: 0px; - --spectrum-detail-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-emphasized-text-transform: uppercase; - --spectrum-detail-xl-serif-emphasized-margin-top: 0px; - --spectrum-detail-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-strong-text-transform: uppercase; - --spectrum-detail-xl-serif-strong-margin-top: 0px; - --spectrum-detail-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-serif-text-transform: uppercase; - --spectrum-detail-xl-serif-margin-top: 0px; - --spectrum-detail-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-detail-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-strong-text-transform: uppercase; - --spectrum-detail-s-emphasized-strong-margin-top: 0px; - --spectrum-detail-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-emphasized-text-transform: uppercase; - --spectrum-detail-s-emphasized-margin-top: 0px; - --spectrum-detail-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-strong-text-transform: uppercase; - --spectrum-detail-s-strong-margin-top: 0px; - --spectrum-detail-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-s-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-s-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-s-text-transform: uppercase; - --spectrum-detail-s-margin-top: 0px; - --spectrum-detail-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-s-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-strong-text-transform: uppercase; - --spectrum-detail-m-emphasized-strong-margin-top: 0px; - --spectrum-detail-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-emphasized-text-transform: uppercase; - --spectrum-detail-m-emphasized-margin-top: 0px; - --spectrum-detail-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-strong-text-transform: uppercase; - --spectrum-detail-m-strong-margin-top: 0px; - --spectrum-detail-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-m-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-m-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-m-text-transform: uppercase; - --spectrum-detail-m-margin-top: 0px; - --spectrum-detail-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-m-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-m-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-strong-text-transform: uppercase; - --spectrum-detail-l-emphasized-strong-margin-top: 0px; - --spectrum-detail-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-emphasized-text-transform: uppercase; - --spectrum-detail-l-emphasized-margin-top: 0px; - --spectrum-detail-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-strong-text-transform: uppercase; - --spectrum-detail-l-strong-margin-top: 0px; - --spectrum-detail-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-l-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-l-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-l-text-transform: uppercase; - --spectrum-detail-l-margin-top: 0px; - --spectrum-detail-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-l-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-l-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-strong-text-transform: uppercase; - --spectrum-detail-xl-emphasized-strong-margin-top: 0px; - --spectrum-detail-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-emphasized-text-transform: uppercase; - --spectrum-detail-xl-emphasized-margin-top: 0px; - --spectrum-detail-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-detail-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-strong-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-strong-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-strong-text-transform: uppercase; - --spectrum-detail-xl-strong-margin-top: 0px; - --spectrum-detail-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-detail-xl-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-xl-text-transform: uppercase; - --spectrum-detail-xl-margin-top: 0px; - --spectrum-detail-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-xl-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-xl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-detail-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-detail-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-serif-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-light-text-transform: uppercase; - --spectrum-detail-han-s-serif-light-margin-top: 0px; - --spectrum-detail-han-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-serif-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-light-text-transform: uppercase; - --spectrum-detail-han-m-serif-light-margin-top: 0px; - --spectrum-detail-han-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-serif-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-light-text-transform: uppercase; - --spectrum-detail-han-l-serif-light-margin-top: 0px; - --spectrum-detail-han-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-serif-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-serif-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-serif-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-light-text-transform: uppercase; - --spectrum-detail-han-xl-serif-light-margin-top: 0px; - --spectrum-detail-han-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-s-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-light-emphasized-margin-top: 0px; - --spectrum-detail-han-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-s-light-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-strong-text-transform: uppercase; - --spectrum-detail-han-s-light-strong-margin-top: 0px; - --spectrum-detail-han-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-s-light-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-light-text-transform: uppercase; - --spectrum-detail-han-s-light-margin-top: 0px; - --spectrum-detail-han-s-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-m-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-light-emphasized-margin-top: 0px; - --spectrum-detail-han-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-m-light-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-strong-text-transform: uppercase; - --spectrum-detail-han-m-light-strong-margin-top: 0px; - --spectrum-detail-han-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-m-light-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-light-text-transform: uppercase; - --spectrum-detail-han-m-light-margin-top: 0px; - --spectrum-detail-han-m-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-l-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-light-emphasized-margin-top: 0px; - --spectrum-detail-han-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-l-light-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-strong-text-transform: uppercase; - --spectrum-detail-han-l-light-strong-margin-top: 0px; - --spectrum-detail-han-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-l-light-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-light-text-transform: uppercase; - --spectrum-detail-han-l-light-margin-top: 0px; - --spectrum-detail-han-l-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-light-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-detail-han-xl-light-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-light-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-detail-han-xl-light-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-strong-text-transform: uppercase; - --spectrum-detail-han-xl-light-strong-margin-top: 0px; - --spectrum-detail-han-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-detail-han-xl-light-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-light-text-transform: uppercase; - --spectrum-detail-han-xl-light-margin-top: 0px; - --spectrum-detail-han-xl-light-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-light-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-serif-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-strong-text-transform: uppercase; - --spectrum-detail-han-s-serif-strong-margin-top: 0px; - --spectrum-detail-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-serif-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-serif-text-transform: uppercase; - --spectrum-detail-han-s-serif-margin-top: 0px; - --spectrum-detail-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-serif-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-strong-text-transform: uppercase; - --spectrum-detail-han-m-serif-strong-margin-top: 0px; - --spectrum-detail-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-serif-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-serif-text-transform: uppercase; - --spectrum-detail-han-m-serif-margin-top: 0px; - --spectrum-detail-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-serif-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-strong-text-transform: uppercase; - --spectrum-detail-han-l-serif-strong-margin-top: 0px; - --spectrum-detail-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-serif-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-serif-text-transform: uppercase; - --spectrum-detail-han-l-serif-margin-top: 0px; - --spectrum-detail-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-serif-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-serif-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-serif-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-strong-text-transform: uppercase; - --spectrum-detail-han-xl-serif-strong-margin-top: 0px; - --spectrum-detail-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-serif-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-serif-text-transform: uppercase; - --spectrum-detail-han-xl-serif-margin-top: 0px; - --spectrum-detail-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-s-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-s-emphasized-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-emphasized-text-transform: uppercase; - --spectrum-detail-han-s-emphasized-margin-top: 0px; - --spectrum-detail-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-strong-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-s-strong-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-strong-text-transform: uppercase; - --spectrum-detail-han-s-strong-margin-top: 0px; - --spectrum-detail-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-s-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-detail-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-s-text-transform: uppercase; - --spectrum-detail-han-s-margin-top: 0px; - --spectrum-detail-han-s-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-s-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-detail-han-s-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-m-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-m-emphasized-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-emphasized-text-transform: uppercase; - --spectrum-detail-han-m-emphasized-margin-top: 0px; - --spectrum-detail-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-strong-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-m-strong-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-strong-text-transform: uppercase; - --spectrum-detail-han-m-strong-margin-top: 0px; - --spectrum-detail-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-m-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-detail-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-m-text-transform: uppercase; - --spectrum-detail-han-m-margin-top: 0px; - --spectrum-detail-han-m-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-m-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-detail-han-m-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-l-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-l-emphasized-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-emphasized-text-transform: uppercase; - --spectrum-detail-han-l-emphasized-margin-top: 0px; - --spectrum-detail-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-strong-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-l-strong-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-strong-text-transform: uppercase; - --spectrum-detail-han-l-strong-margin-top: 0px; - --spectrum-detail-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-l-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-detail-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-l-text-transform: uppercase; - --spectrum-detail-han-l-margin-top: 0px; - --spectrum-detail-han-l-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-l-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-detail-han-l-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-emphasized-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-strong-text-transform: uppercase; - --spectrum-detail-han-xl-emphasized-strong-margin-top: 0px; - --spectrum-detail-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-detail-han-xl-emphasized-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-emphasized-text-transform: uppercase; - --spectrum-detail-han-xl-emphasized-margin-top: 0px; - --spectrum-detail-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-strong-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-detail-han-xl-strong-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-strong-text-transform: uppercase; - --spectrum-detail-han-xl-strong-margin-top: 0px; - --spectrum-detail-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-detail-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-detail-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-detail-han-xl-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-detail-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-detail-han-xl-text-transform: uppercase; - --spectrum-detail-han-xl-margin-top: 0px; - --spectrum-detail-han-xl-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-detail-han-xl-margin-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-detail-han-xl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-detail-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-detail-han-xl-font-style: var(--spectrum-global-font-style-regular); -} diff --git a/components/vars/css/components/spectrum-dial.css b/components/vars/css/components/spectrum-dial.css deleted file mode 100644 index fe3a4088220..00000000000 --- a/components/vars/css/components/spectrum-dial.css +++ /dev/null @@ -1,50 +0,0 @@ -:root { - --spectrum-dial-small-handle-marker-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-small-border-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-small-handle-marker-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-border-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-handle-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-handle-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-small-handle-marker-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-small-border-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-small-handle-marker-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-small-min-max-tick-color: var(--spectrum-global-color-gray-600); - --spectrum-dial-small-width: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-small-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-small-container-width: var(--spectrum-global-dimension-static-size-600); - --spectrum-dial-small-handle-marker-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dial-small-handle-marker-height: var(--spectrum-alias-border-size-thick); - --spectrum-dial-small-handle-marker-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-dial-small-min-max-tick-angles: 45deg; - --spectrum-dial-small-min-max-tick-angle: 45deg; - --spectrum-dial-small-border-radius: var(--spectrum-alias-border-radius-large); - --spectrum-dial-small-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dial-small-margin-right: var(--spectrum-global-dimension-static-size-300); - --spectrum-dial-handle-marker-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-border-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-dial-handle-marker-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-border-color: var(--spectrum-global-color-gray-700); - --spectrum-dial-handle-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dial-handle-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-dial-handle-marker-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-border-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-dial-handle-marker-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-dial-min-max-tick-color: var(--spectrum-global-color-gray-600); - --spectrum-dial-width: var(--spectrum-global-dimension-static-size-400); - --spectrum-dial-height: var(--spectrum-global-dimension-static-size-400); - --spectrum-dial-container-width: var(--spectrum-global-dimension-static-size-600); - --spectrum-dial-handle-marker-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dial-handle-marker-height: var(--spectrum-alias-border-size-thick); - --spectrum-dial-handle-marker-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-dial-min-max-tick-angles: 45deg; - --spectrum-dial-min-max-tick-angle: 45deg; - --spectrum-dial-border-radius: var(--spectrum-alias-border-radius-large); - --spectrum-dial-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dial-margin-right: var(--spectrum-global-dimension-static-size-300); -} diff --git a/components/vars/css/components/spectrum-dialog.css b/components/vars/css/components/spectrum-dialog.css deleted file mode 100644 index 0f8b84fcd1e..00000000000 --- a/components/vars/css/components/spectrum-dialog.css +++ /dev/null @@ -1,272 +0,0 @@ -:root { - --spectrum-dialog-confirm-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-confirm-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-confirm-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-confirm-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-confirm-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-confirm-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-confirm-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-confirm-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-confirm-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-confirm-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-confirm-icon-type: icon; - --spectrum-dialog-confirm-icon-render: no; - --spectrum-dialog-confirm-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-confirm-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-confirm-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-confirm-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-confirm-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-confirm-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-confirm-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-confirm-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-confirm-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-confirm-width: 90%; - --spectrum-dialog-confirm-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-confirm-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-confirm-background-entry-animation-delay: 0ms; - --spectrum-dialog-confirm-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-confirm-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-confirm-background-entry-animation-properties: opacity; - --spectrum-dialog-confirm-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-confirm-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-confirm-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-confirm-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-confirm-entry-animation-properties: opacity, distance; - --spectrum-dialog-confirm-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-confirm-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-confirm-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-confirm-background-exit-animation-properties: opacity; - --spectrum-dialog-confirm-exit-animation-delay: 0ms; - --spectrum-dialog-confirm-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-confirm-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-confirm-exit-animation-distance: 0; - --spectrum-dialog-confirm-exit-animation-properties: opacity, distance; - --spectrum-dialog-destructive-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-destructive-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-destructive-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-destructive-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-destructive-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-destructive-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-destructive-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-destructive-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-destructive-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-icon-type: icon; - --spectrum-dialog-destructive-icon-render: no; - --spectrum-dialog-destructive-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-destructive-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-destructive-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-destructive-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-destructive-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-destructive-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-destructive-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-destructive-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-destructive-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-destructive-width: 90%; - --spectrum-dialog-destructive-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-destructive-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-destructive-background-entry-animation-delay: 0ms; - --spectrum-dialog-destructive-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-destructive-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-destructive-background-entry-animation-properties: opacity; - --spectrum-dialog-destructive-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-destructive-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-destructive-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-destructive-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-destructive-entry-animation-properties: opacity, distance; - --spectrum-dialog-destructive-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-destructive-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-destructive-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-destructive-background-exit-animation-properties: opacity; - --spectrum-dialog-destructive-exit-animation-delay: 0ms; - --spectrum-dialog-destructive-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-destructive-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-destructive-exit-animation-distance: 0; - --spectrum-dialog-destructive-exit-animation-properties: opacity, distance; - --spectrum-dialog-error-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-error-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-dialog-error-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-error-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-error-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-error-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-error-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-error-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-error-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-icon-type: icon; - --spectrum-dialog-error-icon-render: yes; - --spectrum-dialog-error-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-error-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-error-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-error-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-error-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-error-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-error-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-error-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-error-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-error-width: 90%; - --spectrum-dialog-error-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-error-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-error-background-entry-animation-delay: 0ms; - --spectrum-dialog-error-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-error-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-error-background-entry-animation-properties: opacity; - --spectrum-dialog-error-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-error-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-error-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-error-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-error-entry-animation-properties: opacity, distance; - --spectrum-dialog-error-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-error-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-error-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-error-background-exit-animation-properties: opacity; - --spectrum-dialog-error-exit-animation-delay: 0ms; - --spectrum-dialog-error-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-error-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-error-exit-animation-distance: 0; - --spectrum-dialog-error-exit-animation-properties: opacity, distance; - --spectrum-dialog-info-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-info-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-info-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-info-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-info-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-info-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-info-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-info-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-info-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-icon-type: icon; - --spectrum-dialog-info-icon-render: no; - --spectrum-dialog-info-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-info-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-info-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-info-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-info-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-info-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-info-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-info-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-info-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-info-width: 90%; - --spectrum-dialog-info-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-info-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-info-background-entry-animation-delay: 0ms; - --spectrum-dialog-info-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-info-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-info-background-entry-animation-properties: opacity; - --spectrum-dialog-info-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-info-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-info-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-info-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-info-entry-animation-properties: opacity, distance; - --spectrum-dialog-info-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-info-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-info-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-info-background-exit-animation-properties: opacity; - --spectrum-dialog-info-exit-animation-delay: 0ms; - --spectrum-dialog-info-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-info-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-info-exit-animation-distance: 0; - --spectrum-dialog-info-exit-animation-properties: opacity, distance; - --spectrum-dialog-fullscreen-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-fullscreen-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-fullscreen-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-fullscreen-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-fullscreen-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-fullscreen-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-fullscreen-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-fullscreen-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-fullscreen-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-icon-type: icon; - --spectrum-dialog-fullscreen-icon-render: no; - --spectrum-dialog-fullscreen-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreen-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreen-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-fullscreen-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-fullscreen-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-fullscreen-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-fullscreen-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-fullscreen-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-fullscreen-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreen-width: 90%; - --spectrum-dialog-fullscreen-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-fullscreen-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-fullscreen-background-entry-animation-delay: 0ms; - --spectrum-dialog-fullscreen-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-fullscreen-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreen-background-entry-animation-properties: opacity; - --spectrum-dialog-fullscreen-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreen-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-fullscreen-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-fullscreen-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-fullscreen-entry-animation-properties: opacity, distance; - --spectrum-dialog-fullscreen-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreen-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-fullscreen-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreen-background-exit-animation-properties: opacity; - --spectrum-dialog-fullscreen-exit-animation-delay: 0ms; - --spectrum-dialog-fullscreen-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-fullscreen-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-fullscreen-exit-animation-distance: 0; - --spectrum-dialog-fullscreen-exit-animation-properties: opacity, distance; - --spectrum-dialog-fullscreentakeover-title-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-dialog-fullscreentakeover-icon-color: var(--spectrum-global-color-gray-900); - --spectrum-dialog-fullscreentakeover-divider-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dialog-fullscreentakeover-description-text-color: var(--spectrum-global-color-gray-800); - --spectrum-dialog-fullscreentakeover-overlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-dialog-fullscreentakeover-background-color: var(--spectrum-alias-background-color-default); - --spectrum-dialog-fullscreentakeover-title-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-dialog-fullscreentakeover-title-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-dialog-fullscreentakeover-icon-margin-left: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-icon-gap: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-icon-type: icon; - --spectrum-dialog-fullscreentakeover-icon-render: no; - --spectrum-dialog-fullscreentakeover-icon-width: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreentakeover-icon-height: var(--spectrum-global-dimension-size-225); - --spectrum-dialog-fullscreentakeover-divider-margin-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-dialog-fullscreentakeover-divider-margin-bottom: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-divider-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-dialog-fullscreentakeover-divider-height: var(--spectrum-global-dimension-size-25); - --spectrum-dialog-fullscreentakeover-divider-width: var(--spectrum-global-dimension-static-percent-100); - --spectrum-dialog-fullscreentakeover-description-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-dialog-fullscreentakeover-description-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-dialog-fullscreentakeover-buttongroup-gap-x: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-buttongroup-gap-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-button-gap: var(--spectrum-global-dimension-static-size-200); - --spectrum-dialog-fullscreentakeover-width: 90%; - --spectrum-dialog-fullscreentakeover-min-width: var(--spectrum-global-dimension-static-size-3600); - --spectrum-dialog-fullscreentakeover-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-dialog-fullscreentakeover-background-entry-animation-delay: 0ms; - --spectrum-dialog-fullscreentakeover-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-dialog-fullscreentakeover-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreentakeover-background-entry-animation-properties: opacity; - --spectrum-dialog-fullscreentakeover-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreentakeover-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-dialog-fullscreentakeover-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-dialog-fullscreentakeover-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-dialog-fullscreentakeover-entry-animation-properties: opacity, distance; - --spectrum-dialog-fullscreentakeover-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-dialog-fullscreentakeover-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-dialog-fullscreentakeover-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-dialog-fullscreentakeover-background-exit-animation-properties: opacity; - --spectrum-dialog-fullscreentakeover-exit-animation-delay: 0ms; - --spectrum-dialog-fullscreentakeover-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-dialog-fullscreentakeover-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-dialog-fullscreentakeover-exit-animation-distance: 0; - --spectrum-dialog-fullscreentakeover-exit-animation-properties: opacity, distance; -} diff --git a/components/vars/css/components/spectrum-divider.css b/components/vars/css/components/spectrum-divider.css deleted file mode 100644 index 698abf88633..00000000000 --- a/components/vars/css/components/spectrum-divider.css +++ /dev/null @@ -1,26 +0,0 @@ -:root { - --spectrum-divider-s-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-s-height: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-width: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-s-vertical-height: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-width: var(--spectrum-global-dimension-size-10); - --spectrum-divider-s-vertical-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-m-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-m-height: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-width: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-m-vertical-background-color: var(--spectrum-global-color-gray-300); - --spectrum-divider-m-vertical-height: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-vertical-width: var(--spectrum-global-dimension-size-25); - --spectrum-divider-m-vertical-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-divider-l-background-color: var(--spectrum-global-color-gray-800); - --spectrum-divider-l-height: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-width: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-divider-l-vertical-background-color: var(--spectrum-global-color-gray-800); - --spectrum-divider-l-vertical-height: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-vertical-width: var(--spectrum-global-dimension-size-50); - --spectrum-divider-l-vertical-border-radius: var(--spectrum-global-dimension-size-25); -} diff --git a/components/vars/css/components/spectrum-drag.css b/components/vars/css/components/spectrum-drag.css deleted file mode 100644 index d8947274c5d..00000000000 --- a/components/vars/css/components/spectrum-drag.css +++ /dev/null @@ -1,8 +0,0 @@ -:root { - --spectrum-drag-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-drag-handle-background-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-drag-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-drag-handle-icon-color: var(--spectrum-global-color-gray-50); -} diff --git a/components/vars/css/components/spectrum-dragbar.css b/components/vars/css/components/spectrum-dragbar.css deleted file mode 100644 index 2c132e01498..00000000000 --- a/components/vars/css/components/spectrum-dragbar.css +++ /dev/null @@ -1,14 +0,0 @@ -:root { - --spectrum-dragbar-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragbar-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragbar-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragbar-handle-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-dragbar-handle-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-dragbar-gripper-width: var(--spectrum-global-dimension-static-size-50); - --spectrum-dragbar-gripper-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-dragbar-gripper-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-dragbar-gripper-border-width-vertical: 4px; - --spectrum-dragbar-gripper-border-width-horizontal: 3px; -} diff --git a/components/vars/css/components/spectrum-dragthumb.css b/components/vars/css/components/spectrum-dragthumb.css deleted file mode 100644 index 15c174a0fe6..00000000000 --- a/components/vars/css/components/spectrum-dragthumb.css +++ /dev/null @@ -1,16 +0,0 @@ -:root { - --spectrum-dragthumb-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragthumb-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragthumb-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-dragthumb-swatch-handle-background-color: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-handle-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-dragthumb-swatch-handle-background-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-dragthumb-swatch-handle-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-handle-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dragthumb-swatch-swatch-width: var(--spectrum-global-dimension-static-size-100); - --spectrum-dragthumb-swatch-swatch-height: var(--spectrum-global-dimension-static-size-100); -} diff --git a/components/vars/css/components/spectrum-drawer.css b/components/vars/css/components/spectrum-drawer.css deleted file mode 100644 index 77737c87d1d..00000000000 --- a/components/vars/css/components/spectrum-drawer.css +++ /dev/null @@ -1,3 +0,0 @@ -:root { - --spectrum-drawer-background-color: var(--spectrum-global-color-gray-75); -} diff --git a/components/vars/css/components/spectrum-dropindicator.css b/components/vars/css/components/spectrum-dropindicator.css deleted file mode 100644 index a3c003f8d3f..00000000000 --- a/components/vars/css/components/spectrum-dropindicator.css +++ /dev/null @@ -1,11 +0,0 @@ -:root { - --spectrum-dropindicator-circle-border-fill: var(--spectrum-alias-background-color-transparent); - --spectrum-dropindicator-circle-border-color: var(--spectrum-global-color-blue-400); - --spectrum-dropindicator-circle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-dropindicator-border-color: var(--spectrum-global-color-blue-400); - --spectrum-dropindicator-circle-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-dropindicator-circle-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-circle-height: var(--spectrum-global-dimension-static-size-150); - --spectrum-dropindicator-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/vars/css/components/spectrum-dropzone.css b/components/vars/css/components/spectrum-dropzone.css deleted file mode 100644 index eab9dd2472f..00000000000 --- a/components/vars/css/components/spectrum-dropzone.css +++ /dev/null @@ -1,47 +0,0 @@ -:root { - --spectrum-dropzone-illustration-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-down: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-down: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-hover: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-hover: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-hover: var(--spectrum-alias-highlight-selected); - --spectrum-dropzone-illustration-color-selected-key-focus: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color-selected-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-dropzone-border-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-background-color-selected-mouse-focus: var(--spectrum-global-color-blue-400); - --spectrum-dropzone-illustration-color: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-down: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-down: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-down: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-hover: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-key-focus: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-illustration-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-dropzone-border-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-dropzone-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-dropzone-content-color: var(--spectrum-global-color-gray-700); - --spectrum-dropzone-content-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dropzone-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-dropzone-content-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-dropzone-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-dropzone-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-dropzone-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dropzone-content-margin-top: 0px; - --spectrum-dropzone-content-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-dropzone-content-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-dropzone-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-dropzone-content-text-transform: none; - --spectrum-dropzone-padding: var(--spectrum-global-dimension-size-900); - --spectrum-dropzone-border-width: var(--spectrum-alias-border-size-thick); - --spectrum-dropzone-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/vars/css/components/spectrum-fieldlabel.css b/components/vars/css/components/spectrum-fieldlabel.css deleted file mode 100644 index 794ee60b2ad..00000000000 --- a/components/vars/css/components/spectrum-fieldlabel.css +++ /dev/null @@ -1,1706 +0,0 @@ -:root { - --spectrum-fieldlabel-s-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-text-transform: none; - --spectrum-fieldlabel-s-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-text-transform: none; - --spectrum-fieldlabel-s-text-alignment: start; - --spectrum-fieldlabel-s-text-text-align: start; - --spectrum-fieldlabel-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-text-text-transform: none; - --spectrum-fieldlabel-s-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-value-text-transform: none; - --spectrum-fieldlabel-s-value-text-alignment: end; - --spectrum-fieldlabel-s-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-value-text-text-align: end; - --spectrum-fieldlabel-s-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-value-text-text-transform: none; - --spectrum-fieldlabel-s-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-top-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-top-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-top-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-top-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-top-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-text-transform: none; - --spectrum-fieldlabel-s-top-text-alignment: start; - --spectrum-fieldlabel-s-top-text-text-align: start; - --spectrum-fieldlabel-s-top-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-text-text-transform: none; - --spectrum-fieldlabel-s-top-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-value-text-transform: none; - --spectrum-fieldlabel-s-top-value-text-alignment: end; - --spectrum-fieldlabel-s-top-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-top-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-value-text-text-align: end; - --spectrum-fieldlabel-s-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-top-value-text-text-transform: none; - --spectrum-fieldlabel-s-top-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-top-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-top-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-top-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-top-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-top-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-s-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-s-side-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-side-overbackground-padding-right: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-s-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-s-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-s-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-s-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-s-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-s-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-side-overbackground-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-side-overbackground-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-s-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-s-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-s-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-s-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-s-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-s-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-s-side-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-s-side-padding-right: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-s-side-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-text-transform: none; - --spectrum-fieldlabel-s-side-text-alignment: start; - --spectrum-fieldlabel-s-side-text-text-align: start; - --spectrum-fieldlabel-s-side-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-text-text-transform: none; - --spectrum-fieldlabel-s-side-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-value-text-transform: none; - --spectrum-fieldlabel-s-side-value-text-alignment: end; - --spectrum-fieldlabel-s-side-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-s-side-value-text-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-value-text-text-align: end; - --spectrum-fieldlabel-s-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-s-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-s-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-s-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-s-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-s-side-value-text-text-transform: none; - --spectrum-fieldlabel-s-side-value-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-s-side-icon-size: var(--spectrum-alias-workflow-icon-size-s); - --spectrum-fieldlabel-s-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-75); - --spectrum-fieldlabel-s-side-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-s-side-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-s-side-height: var(--spectrum-global-dimension-size-300); - --spectrum-fieldlabel-s-side-min-width: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-s-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-text-transform: none; - --spectrum-fieldlabel-m-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-text-transform: none; - --spectrum-fieldlabel-m-text-alignment: start; - --spectrum-fieldlabel-m-text-text-align: start; - --spectrum-fieldlabel-m-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-text-text-transform: none; - --spectrum-fieldlabel-m-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-value-text-transform: none; - --spectrum-fieldlabel-m-value-text-alignment: end; - --spectrum-fieldlabel-m-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-value-text-text-align: end; - --spectrum-fieldlabel-m-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-value-text-text-transform: none; - --spectrum-fieldlabel-m-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-top-overbackground-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-top-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-top-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-top-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-m-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-top-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-text-transform: none; - --spectrum-fieldlabel-m-top-text-alignment: start; - --spectrum-fieldlabel-m-top-text-text-align: start; - --spectrum-fieldlabel-m-top-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-text-text-transform: none; - --spectrum-fieldlabel-m-top-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-value-text-transform: none; - --spectrum-fieldlabel-m-top-value-text-alignment: end; - --spectrum-fieldlabel-m-top-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-top-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-value-text-text-align: end; - --spectrum-fieldlabel-m-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-top-value-text-text-transform: none; - --spectrum-fieldlabel-m-top-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-m-top-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-top-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-top-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-top-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-top-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-m-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-m-side-overbackground-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-m-side-overbackground-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-m-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-m-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-m-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-m-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-m-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-m-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-m-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-side-overbackground-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-m-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-m-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-m-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-m-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-m-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-m-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-m-side-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-m-side-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-m-side-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-text-transform: none; - --spectrum-fieldlabel-m-side-text-alignment: start; - --spectrum-fieldlabel-m-side-text-text-align: start; - --spectrum-fieldlabel-m-side-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-text-text-transform: none; - --spectrum-fieldlabel-m-side-value-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-value-text-transform: none; - --spectrum-fieldlabel-m-side-value-text-alignment: end; - --spectrum-fieldlabel-m-side-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-fieldlabel-m-side-value-text-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-value-text-text-align: end; - --spectrum-fieldlabel-m-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-m-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-m-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-m-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-m-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-m-side-value-text-text-transform: none; - --spectrum-fieldlabel-m-side-value-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-m-side-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-fieldlabel-m-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-100); - --spectrum-fieldlabel-m-side-asterisk-gap: var(--spectrum-global-dimension-size-50); - --spectrum-fieldlabel-m-side-asterisk-margin-y: var(--spectrum-global-dimension-size-100); - --spectrum-fieldlabel-m-side-height: var(--spectrum-global-dimension-size-400); - --spectrum-fieldlabel-m-side-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-m-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-overbackground-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-text-transform: none; - --spectrum-fieldlabel-l-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-text-transform: none; - --spectrum-fieldlabel-l-text-alignment: start; - --spectrum-fieldlabel-l-text-text-align: start; - --spectrum-fieldlabel-l-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-text-text-transform: none; - --spectrum-fieldlabel-l-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-value-text-transform: none; - --spectrum-fieldlabel-l-value-text-alignment: end; - --spectrum-fieldlabel-l-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-value-text-text-align: end; - --spectrum-fieldlabel-l-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-value-text-text-transform: none; - --spectrum-fieldlabel-l-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-top-overbackground-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-top-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-top-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-top-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-fieldlabel-l-top-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-l-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-top-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-text-transform: none; - --spectrum-fieldlabel-l-top-text-alignment: start; - --spectrum-fieldlabel-l-top-text-text-align: start; - --spectrum-fieldlabel-l-top-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-text-text-transform: none; - --spectrum-fieldlabel-l-top-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-value-text-transform: none; - --spectrum-fieldlabel-l-top-value-text-alignment: end; - --spectrum-fieldlabel-l-top-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-top-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-value-text-text-align: end; - --spectrum-fieldlabel-l-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-top-value-text-text-transform: none; - --spectrum-fieldlabel-l-top-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-l-top-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-top-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-top-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-top-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-top-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-l-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-l-side-overbackground-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-l-side-overbackground-padding-right: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-l-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-l-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-l-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-l-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-l-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-l-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-l-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-overbackground-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-side-overbackground-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-l-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-l-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-l-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-l-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-l-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-l-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-l-side-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-fieldlabel-l-side-padding-right: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-l-side-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-text-transform: none; - --spectrum-fieldlabel-l-side-text-alignment: start; - --spectrum-fieldlabel-l-side-text-text-align: start; - --spectrum-fieldlabel-l-side-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-text-text-transform: none; - --spectrum-fieldlabel-l-side-value-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-value-text-transform: none; - --spectrum-fieldlabel-l-side-value-text-alignment: end; - --spectrum-fieldlabel-l-side-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-fieldlabel-l-side-value-text-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-value-text-text-align: end; - --spectrum-fieldlabel-l-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-l-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-l-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-l-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-l-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-l-side-value-text-text-transform: none; - --spectrum-fieldlabel-l-side-value-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-l-side-icon-size: var(--spectrum-alias-workflow-icon-size-l); - --spectrum-fieldlabel-l-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-200); - --spectrum-fieldlabel-l-side-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-l-side-asterisk-margin-y: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-l-side-height: var(--spectrum-global-dimension-size-500); - --spectrum-fieldlabel-l-side-min-width: var(--spectrum-global-dimension-size-700); - --spectrum-fieldlabel-l-side-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-overbackground-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-overbackground-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-text-transform: none; - --spectrum-fieldlabel-xl-text-alignment: start; - --spectrum-fieldlabel-xl-text-text-align: start; - --spectrum-fieldlabel-xl-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-text-text-transform: none; - --spectrum-fieldlabel-xl-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-value-text-transform: none; - --spectrum-fieldlabel-xl-value-text-alignment: end; - --spectrum-fieldlabel-xl-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-value-text-text-align: end; - --spectrum-fieldlabel-xl-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-value-text-text-transform: none; - --spectrum-fieldlabel-xl-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-top-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-top-overbackground-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-top-overbackground-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-top-overbackground-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-top-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-top-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-top-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-top-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-top-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-top-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-top-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-top-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-top-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-top-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-top-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-top-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-top-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-fieldlabel-xl-top-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-fieldlabel-xl-top-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-top-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-text-transform: none; - --spectrum-fieldlabel-xl-top-text-alignment: start; - --spectrum-fieldlabel-xl-top-text-text-align: start; - --spectrum-fieldlabel-xl-top-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-text-text-transform: none; - --spectrum-fieldlabel-xl-top-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-value-text-transform: none; - --spectrum-fieldlabel-xl-top-value-text-alignment: end; - --spectrum-fieldlabel-xl-top-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-top-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-value-text-text-align: end; - --spectrum-fieldlabel-xl-top-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-top-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-top-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-top-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-top-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-top-value-text-text-transform: none; - --spectrum-fieldlabel-xl-top-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-icon-margin-y: var(--spectrum-global-dimension-size-40); - --spectrum-fieldlabel-xl-top-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-top-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-top-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-top-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-top-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-top-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-top-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-side-overbackground-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-disabled: var(--spectrum-alias-icon-color-quiet-overbackground-disabled); - --spectrum-fieldlabel-xl-side-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-down: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-hover: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-key-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-icon-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-color-mouse-focus: var(--spectrum-alias-icon-color-overbackground); - --spectrum-fieldlabel-xl-side-overbackground-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-overbackground-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-overbackground-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-text-alignment: start; - --spectrum-fieldlabel-xl-side-overbackground-text-text-align: start; - --spectrum-fieldlabel-xl-side-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-overbackground-text-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-value-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-value-text-alignment: end; - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-overbackground-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-align: end; - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-overbackground-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-overbackground-value-text-text-transform: none; - --spectrum-fieldlabel-xl-side-overbackground-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-xl-side-overbackground-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-side-overbackground-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-overbackground-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-side-overbackground-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-overbackground-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-fieldlabel-xl-side-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-fieldlabel-xl-side-asterisk-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-fieldlabel-xl-side-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-down: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-key-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-fieldlabel-xl-side-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-fieldlabel-xl-side-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-fieldlabel-xl-side-asterisk-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-fieldlabel-xl-side-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-fieldlabel-xl-side-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-text-transform: none; - --spectrum-fieldlabel-xl-side-text-alignment: start; - --spectrum-fieldlabel-xl-side-text-text-align: start; - --spectrum-fieldlabel-xl-side-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-text-text-transform: none; - --spectrum-fieldlabel-xl-side-value-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-value-text-transform: none; - --spectrum-fieldlabel-xl-side-value-text-alignment: end; - --spectrum-fieldlabel-xl-side-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-fieldlabel-xl-side-value-text-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-value-text-text-align: end; - --spectrum-fieldlabel-xl-side-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-fieldlabel-xl-side-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-fieldlabel-xl-side-value-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-fieldlabel-xl-side-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-fieldlabel-xl-side-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-fieldlabel-xl-side-value-text-text-transform: none; - --spectrum-fieldlabel-xl-side-value-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-icon-margin-y: var(--spectrum-global-dimension-size-85); - --spectrum-fieldlabel-xl-side-icon-size: var(--spectrum-alias-workflow-icon-size-xl); - --spectrum-fieldlabel-xl-side-asterisk-size: var(--spectrum-alias-ui-icon-asterisk-size-300); - --spectrum-fieldlabel-xl-side-asterisk-gap: var(--spectrum-global-dimension-size-65); - --spectrum-fieldlabel-xl-side-asterisk-margin-y: var(--spectrum-global-dimension-size-185); - --spectrum-fieldlabel-xl-side-height: var(--spectrum-global-dimension-size-600); - --spectrum-fieldlabel-xl-side-min-width: var(--spectrum-global-dimension-size-800); - --spectrum-fieldlabel-xl-side-padding-left: var(--spectrum-global-dimension-size-0); -} diff --git a/components/vars/css/components/spectrum-heading.css b/components/vars/css/components/spectrum-heading.css deleted file mode 100644 index 2d64365aee5..00000000000 --- a/components/vars/css/components/spectrum-heading.css +++ /dev/null @@ -1,6914 +0,0 @@ -:root { - --spectrum-heading-xxs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-serif-light-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-strong-text-transform: none; - --spectrum-heading-xxs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-serif-light-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-light-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-light-text-transform: none; - --spectrum-heading-xs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-light-emphasized-text-transform: none; - --spectrum-heading-xs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-serif-light-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-strong-text-transform: none; - --spectrum-heading-xs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-serif-light-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-light-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-light-text-transform: none; - --spectrum-heading-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-light-emphasized-text-transform: none; - --spectrum-heading-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-serif-light-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-strong-text-transform: none; - --spectrum-heading-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-serif-light-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-light-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-light-text-transform: none; - --spectrum-heading-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-light-emphasized-text-transform: none; - --spectrum-heading-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-serif-light-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-strong-text-transform: none; - --spectrum-heading-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-serif-light-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-light-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-light-text-transform: none; - --spectrum-heading-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-light-emphasized-text-transform: none; - --spectrum-heading-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-serif-light-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-strong-text-transform: none; - --spectrum-heading-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-serif-light-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-light-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-light-text-transform: none; - --spectrum-heading-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-serif-light-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-strong-text-transform: none; - --spectrum-heading-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-serif-light-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-light-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-light-text-transform: none; - --spectrum-heading-xxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-serif-light-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-strong-text-transform: none; - --spectrum-heading-xxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-serif-light-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-light-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-light-text-transform: none; - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-serif-light-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-strong-text-transform: none; - --spectrum-heading-xxxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-light-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-serif-light-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-light-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-light-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-light-text-transform: none; - --spectrum-heading-xxs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-light-emphasized-text-transform: none; - --spectrum-heading-xxs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxs-light-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-strong-text-transform: none; - --spectrum-heading-xxs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxs-light-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-light-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-light-text-transform: none; - --spectrum-heading-xs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-strong-text-transform: none; - --spectrum-heading-xs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-light-emphasized-text-transform: none; - --spectrum-heading-xs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xs-light-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-strong-text-transform: none; - --spectrum-heading-xs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xs-light-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-light-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-light-text-transform: none; - --spectrum-heading-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-strong-text-transform: none; - --spectrum-heading-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-light-emphasized-text-transform: none; - --spectrum-heading-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-s-light-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-strong-text-transform: none; - --spectrum-heading-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-s-light-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-light-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-light-text-transform: none; - --spectrum-heading-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-strong-text-transform: none; - --spectrum-heading-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-light-emphasized-text-transform: none; - --spectrum-heading-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-m-light-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-strong-text-transform: none; - --spectrum-heading-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-m-light-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-light-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-light-text-transform: none; - --spectrum-heading-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-strong-text-transform: none; - --spectrum-heading-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-light-emphasized-text-transform: none; - --spectrum-heading-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-l-light-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-strong-text-transform: none; - --spectrum-heading-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-l-light-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-light-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-light-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-light-text-transform: none; - --spectrum-heading-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-light-emphasized-text-transform: none; - --spectrum-heading-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xl-light-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-strong-text-transform: none; - --spectrum-heading-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xl-light-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-light-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-light-text-transform: none; - --spectrum-heading-xxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-light-emphasized-text-transform: none; - --spectrum-heading-xxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxl-light-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-strong-text-transform: none; - --spectrum-heading-xxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxl-light-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-light-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-light-text-transform: none; - --spectrum-heading-xxxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-light-emphasized-text-transform: none; - --spectrum-heading-xxxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-light-strong); - --spectrum-heading-xxxl-light-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-strong-text-transform: none; - --spectrum-heading-xxxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-light-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-text-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-font-weight: var(--spectrum-alias-heading-text-font-weight-light); - --spectrum-heading-xxxl-light-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-light-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-light-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-light-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-light-text-transform: none; - --spectrum-heading-xxs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-serif-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-strong-text-transform: none; - --spectrum-heading-xxs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-serif-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-text-transform: none; - --spectrum-heading-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-emphasized-text-transform: none; - --spectrum-heading-xs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-serif-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-strong-text-transform: none; - --spectrum-heading-xs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-serif-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-text-transform: none; - --spectrum-heading-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-emphasized-text-transform: none; - --spectrum-heading-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-serif-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-strong-text-transform: none; - --spectrum-heading-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-serif-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-text-transform: none; - --spectrum-heading-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-emphasized-text-transform: none; - --spectrum-heading-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-serif-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-strong-text-transform: none; - --spectrum-heading-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-serif-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-text-transform: none; - --spectrum-heading-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-emphasized-text-transform: none; - --spectrum-heading-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-serif-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-strong-text-transform: none; - --spectrum-heading-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-serif-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-text-transform: none; - --spectrum-heading-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-emphasized-text-transform: none; - --spectrum-heading-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-serif-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-strong-text-transform: none; - --spectrum-heading-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-serif-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-text-transform: none; - --spectrum-heading-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-serif-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-strong-text-transform: none; - --spectrum-heading-xxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-serif-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-text-transform: none; - --spectrum-heading-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-serif-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-strong-text-transform: none; - --spectrum-heading-xxxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-serif-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-text-transform: none; - --spectrum-heading-xxs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-emphasized-text-transform: none; - --spectrum-heading-xxs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxs-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-strong-text-transform: none; - --spectrum-heading-xxs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxs-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-text-transform: none; - --spectrum-heading-xs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-strong-text-transform: none; - --spectrum-heading-xs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-emphasized-text-transform: none; - --spectrum-heading-xs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xs-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-strong-text-transform: none; - --spectrum-heading-xs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xs-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-text-transform: none; - --spectrum-heading-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-strong-text-transform: none; - --spectrum-heading-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-emphasized-text-transform: none; - --spectrum-heading-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-s-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-strong-text-transform: none; - --spectrum-heading-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-s-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-text-transform: none; - --spectrum-heading-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-strong-text-transform: none; - --spectrum-heading-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-emphasized-text-transform: none; - --spectrum-heading-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-m-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-strong-text-transform: none; - --spectrum-heading-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-m-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-text-transform: none; - --spectrum-heading-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-strong-text-transform: none; - --spectrum-heading-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-emphasized-text-transform: none; - --spectrum-heading-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-l-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-strong-text-transform: none; - --spectrum-heading-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-l-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-text-transform: none; - --spectrum-heading-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-strong-text-transform: none; - --spectrum-heading-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-emphasized-text-transform: none; - --spectrum-heading-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xl-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-strong-text-transform: none; - --spectrum-heading-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xl-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-text-transform: none; - --spectrum-heading-xxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-emphasized-text-transform: none; - --spectrum-heading-xxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxl-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-strong-text-transform: none; - --spectrum-heading-xxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxl-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-text-transform: none; - --spectrum-heading-xxxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-emphasized-text-transform: none; - --spectrum-heading-xxxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-regular-strong); - --spectrum-heading-xxxl-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-strong-text-transform: none; - --spectrum-heading-xxxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-text-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-heading-xxxl-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-text-transform: none; - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-serif-heavy-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-serif-heavy-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-serif-heavy-text-transform: none; - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-strong-text-transform: none; - --spectrum-heading-xs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-serif-heavy-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-serif-heavy-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-serif-heavy-text-transform: none; - --spectrum-heading-s-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-s-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-s-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-serif-heavy-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-strong-text-transform: none; - --spectrum-heading-s-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-serif-heavy-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-serif-heavy-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-s-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-serif-heavy-text-transform: none; - --spectrum-heading-m-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-m-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-m-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-serif-heavy-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-strong-text-transform: none; - --spectrum-heading-m-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-serif-heavy-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-serif-heavy-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-m-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-serif-heavy-text-transform: none; - --spectrum-heading-l-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-l-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-l-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-serif-heavy-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-strong-text-transform: none; - --spectrum-heading-l-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-serif-heavy-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-serif-heavy-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-l-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-serif-heavy-text-transform: none; - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-serif-heavy-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-serif-heavy-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-serif-heavy-text-transform: none; - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-serif-heavy-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-serif-heavy-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-serif-heavy-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-strong-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-xxxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-serif-heavy-text-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-serif-heavy-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-serif-heavy-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-serif-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-serif-heavy-font-family: var(--spectrum-alias-serif-text-font-family); - --spectrum-heading-xxxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-serif-heavy-text-transform: none; - --spectrum-heading-xxs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxs-heavy-emphasized-text-transform: none; - --spectrum-heading-xxs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-strong-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxs-heavy-strong-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-strong-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-strong-text-transform: none; - --spectrum-heading-xxs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxs-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-text-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxs-heavy-font-size: var(--spectrum-alias-heading-xxs-text-size); - --spectrum-heading-xxs-heavy-margin-top: var(--spectrum-alias-heading-xxs-margin-top); - --spectrum-heading-xxs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxs-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-xxs-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxs-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxs-heavy-text-transform: none; - --spectrum-heading-xs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-emphasized-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xs-heavy-emphasized-text-transform: none; - --spectrum-heading-xs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-strong-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xs-heavy-strong-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-strong-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-strong-text-transform: none; - --spectrum-heading-xs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xs-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xs-heavy-font-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-heading-xs-heavy-margin-top: var(--spectrum-alias-heading-xs-margin-top); - --spectrum-heading-xs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xs-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-xs-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xs-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xs-heavy-text-transform: none; - --spectrum-heading-s-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-s-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-emphasized-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-emphasized-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-s-heavy-emphasized-text-transform: none; - --spectrum-heading-s-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-strong-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-s-heavy-strong-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-strong-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-strong-text-transform: none; - --spectrum-heading-s-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-s-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-s-heavy-font-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-heading-s-heavy-margin-top: var(--spectrum-alias-heading-s-margin-top); - --spectrum-heading-s-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-s-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-s-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-s-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-s-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-s-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-s-heavy-text-transform: none; - --spectrum-heading-m-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-m-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-emphasized-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-emphasized-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-m-heavy-emphasized-text-transform: none; - --spectrum-heading-m-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-strong-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-m-heavy-strong-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-strong-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-strong-text-transform: none; - --spectrum-heading-m-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-m-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-text-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-m-heavy-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-heading-m-heavy-margin-top: var(--spectrum-alias-heading-m-margin-top); - --spectrum-heading-m-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-m-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-m-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-m-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-m-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-m-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-m-heavy-text-transform: none; - --spectrum-heading-l-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-l-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-emphasized-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-emphasized-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-l-heavy-emphasized-text-transform: none; - --spectrum-heading-l-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-strong-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-l-heavy-strong-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-strong-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-strong-text-transform: none; - --spectrum-heading-l-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-l-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-text-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-l-heavy-font-size: var(--spectrum-alias-heading-l-text-size); - --spectrum-heading-l-heavy-margin-top: var(--spectrum-alias-heading-l-margin-top); - --spectrum-heading-l-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-l-heavy-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-heading-l-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-l-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-l-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-l-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-l-heavy-text-transform: none; - --spectrum-heading-xl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xl-heavy-emphasized-text-transform: none; - --spectrum-heading-xl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-strong-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xl-heavy-strong-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-strong-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-strong-text-transform: none; - --spectrum-heading-xl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-text-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xl-heavy-font-size: var(--spectrum-alias-heading-xl-text-size); - --spectrum-heading-xl-heavy-margin-top: var(--spectrum-alias-heading-xl-margin-top); - --spectrum-heading-xl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xl-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-xl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xl-heavy-text-transform: none; - --spectrum-heading-xxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxl-heavy-emphasized-text-transform: none; - --spectrum-heading-xxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-strong-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxl-heavy-strong-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-strong-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-strong-text-transform: none; - --spectrum-heading-xxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-text-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxl-heavy-font-size: var(--spectrum-alias-heading-xxl-text-size); - --spectrum-heading-xxl-heavy-margin-top: var(--spectrum-alias-heading-xxl-margin-top); - --spectrum-heading-xxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-xxl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxl-heavy-text-transform: none; - --spectrum-heading-xxxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-xxxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-emphasized-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-emphasized-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-italic); - --spectrum-heading-xxxl-heavy-emphasized-text-transform: none; - --spectrum-heading-xxxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-strong-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-strong-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-strong-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-strong-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-strong-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy-strong); - --spectrum-heading-xxxl-heavy-strong-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-strong-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-strong-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-strong-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-strong-text-transform: none; - --spectrum-heading-xxxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-xxxl-heavy-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-text-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-text-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-font-weight: var(--spectrum-alias-heading-text-font-weight-heavy); - --spectrum-heading-xxxl-heavy-font-size: var(--spectrum-alias-heading-xxxl-text-size); - --spectrum-heading-xxxl-heavy-margin-top: var(--spectrum-alias-heading-xxxl-margin-top); - --spectrum-heading-xxxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-xxxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-xxxl-heavy-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-heading-xxxl-heavy-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-heading-xxxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-heading-xxxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-xxxl-heavy-text-transform: none; - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-serif-light-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-light-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-light-text-transform: none; - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-strong-text-transform: none; - --spectrum-heading-han-xs-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-serif-light-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-light-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-light-text-transform: none; - --spectrum-heading-han-s-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-serif-light-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-strong-text-transform: none; - --spectrum-heading-han-s-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-serif-light-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-light-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-light-text-transform: none; - --spectrum-heading-han-m-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-serif-light-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-strong-text-transform: none; - --spectrum-heading-han-m-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-serif-light-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-light-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-light-text-transform: none; - --spectrum-heading-han-l-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-serif-light-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-strong-text-transform: none; - --spectrum-heading-han-l-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-serif-light-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-light-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-light-text-transform: none; - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-serif-light-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-light-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-light-text-transform: none; - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-serif-light-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-light-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-light-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-serif-light-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-serif-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-serif-light-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-light-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-light-text-transform: none; - --spectrum-heading-han-xxs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxs-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-emphasized-text-transform: none; - --spectrum-heading-han-xxs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxs-light-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-strong-text-transform: none; - --spectrum-heading-han-xxs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxs-light-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-light-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-light-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-light-text-transform: none; - --spectrum-heading-han-xs-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xs-light-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-emphasized-text-transform: none; - --spectrum-heading-han-xs-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xs-light-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-strong-text-transform: none; - --spectrum-heading-han-xs-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xs-light-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-light-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-light-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-light-text-transform: none; - --spectrum-heading-han-s-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-s-light-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-emphasized-text-transform: none; - --spectrum-heading-han-s-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-s-light-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-strong-text-transform: none; - --spectrum-heading-han-s-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-s-light-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-light-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-light-text-transform: none; - --spectrum-heading-han-m-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-m-light-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-emphasized-text-transform: none; - --spectrum-heading-han-m-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-m-light-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-strong-text-transform: none; - --spectrum-heading-han-m-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-m-light-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-light-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-light-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-light-text-transform: none; - --spectrum-heading-han-l-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-l-light-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-emphasized-text-transform: none; - --spectrum-heading-han-l-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-l-light-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-strong-text-transform: none; - --spectrum-heading-han-l-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-l-light-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-light-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-light-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-light-text-transform: none; - --spectrum-heading-han-xl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-emphasized-text-transform: none; - --spectrum-heading-han-xl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xl-light-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-strong-text-transform: none; - --spectrum-heading-han-xl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xl-light-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-light-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-light-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-light-text-transform: none; - --spectrum-heading-han-xxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-emphasized-text-transform: none; - --spectrum-heading-han-xxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxl-light-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-strong-text-transform: none; - --spectrum-heading-han-xxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxl-light-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-light-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-light-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-light-text-transform: none; - --spectrum-heading-han-xxxl-light-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-light-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-light-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-emphasis); - --spectrum-heading-han-xxxl-light-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-light-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light-strong); - --spectrum-heading-han-xxxl-light-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-strong-text-transform: none; - --spectrum-heading-han-xxxl-light-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-light-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-light-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-font-weight: var(--spectrum-alias-han-heading-text-font-weight-light); - --spectrum-heading-han-xxxl-light-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-light-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-light-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-light-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-light-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-light-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-light-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-light-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-light-text-transform: none; - --spectrum-heading-han-xxs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-serif-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-serif-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-text-transform: none; - --spectrum-heading-han-xs-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-serif-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-strong-text-transform: none; - --spectrum-heading-han-xs-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-serif-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-text-transform: none; - --spectrum-heading-han-s-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-serif-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-serif-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-strong-text-transform: none; - --spectrum-heading-han-s-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-serif-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-text-transform: none; - --spectrum-heading-han-m-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-serif-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-serif-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-strong-text-transform: none; - --spectrum-heading-han-m-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-serif-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-text-transform: none; - --spectrum-heading-han-l-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-serif-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-serif-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-strong-text-transform: none; - --spectrum-heading-han-l-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-serif-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-text-transform: none; - --spectrum-heading-han-xl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-serif-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-strong-text-transform: none; - --spectrum-heading-han-xl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-serif-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-text-transform: none; - --spectrum-heading-han-xxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-serif-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-serif-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-text-transform: none; - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-serif-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-serif-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-serif-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-serif-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-serif-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-text-transform: none; - --spectrum-heading-han-xxs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxs-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-emphasized-text-transform: none; - --spectrum-heading-han-xxs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxs-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-strong-text-transform: none; - --spectrum-heading-han-xxs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxs-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-text-transform: none; - --spectrum-heading-han-xs-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xs-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-emphasized-text-transform: none; - --spectrum-heading-han-xs-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xs-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-strong-text-transform: none; - --spectrum-heading-han-xs-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xs-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-text-transform: none; - --spectrum-heading-han-s-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-s-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-emphasized-text-transform: none; - --spectrum-heading-han-s-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-s-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-strong-text-transform: none; - --spectrum-heading-han-s-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-s-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-text-transform: none; - --spectrum-heading-han-m-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-m-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-emphasized-text-transform: none; - --spectrum-heading-han-m-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-m-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-strong-text-transform: none; - --spectrum-heading-han-m-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-m-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-text-transform: none; - --spectrum-heading-han-l-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-l-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-emphasized-text-transform: none; - --spectrum-heading-han-l-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-l-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-strong-text-transform: none; - --spectrum-heading-han-l-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-l-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-text-transform: none; - --spectrum-heading-han-xl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xl-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-emphasized-text-transform: none; - --spectrum-heading-han-xl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xl-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-strong-text-transform: none; - --spectrum-heading-han-xl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xl-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-text-transform: none; - --spectrum-heading-han-xxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxl-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-emphasized-text-transform: none; - --spectrum-heading-han-xxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxl-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-strong-text-transform: none; - --spectrum-heading-han-xxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxl-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-text-transform: none; - --spectrum-heading-han-xxxl-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis); - --spectrum-heading-han-xxxl-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular-strong); - --spectrum-heading-han-xxxl-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-strong-text-transform: none; - --spectrum-heading-han-xxxl-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-font-weight: var(--spectrum-alias-han-heading-text-font-weight-regular); - --spectrum-heading-han-xxxl-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-serif-heavy-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xs-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-serif-heavy-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-serif-heavy-text-transform: none; - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-s-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-s-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-serif-heavy-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-serif-heavy-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-serif-heavy-text-transform: none; - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-m-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-m-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-serif-heavy-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-serif-heavy-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-serif-heavy-text-transform: none; - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-l-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-l-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-serif-heavy-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-serif-heavy-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-serif-heavy-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-strong-text-transform: none; - --spectrum-heading-han-xxxl-serif-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-serif-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-serif-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-serif-heavy-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-serif-heavy-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-serif-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-serif-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-serif-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-serif-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-serif-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-serif-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-serif-heavy-text-transform: none; - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxs-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxs-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-strong-text-transform: none; - --spectrum-heading-han-xxs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxs-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-text-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxs-heavy-font-size: var(--spectrum-alias-heading-han-xxs-text-size); - --spectrum-heading-han-xxs-heavy-margin-top: var(--spectrum-alias-heading-han-xxs-margin-top); - --spectrum-heading-han-xxs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxs-heavy-margin-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-heading-han-xxs-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxs-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxs-heavy-text-transform: none; - --spectrum-heading-han-xs-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xs-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xs-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xs-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-strong-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xs-heavy-strong-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-strong-text-transform: none; - --spectrum-heading-han-xs-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xs-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-text-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xs-heavy-font-size: var(--spectrum-alias-heading-han-xs-text-size); - --spectrum-heading-han-xs-heavy-margin-top: var(--spectrum-alias-heading-han-xs-margin-top); - --spectrum-heading-han-xs-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xs-heavy-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-heading-han-xs-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xs-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xs-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xs-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xs-heavy-text-transform: none; - --spectrum-heading-han-s-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-s-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-s-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-emphasized-text-transform: none; - --spectrum-heading-han-s-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-strong-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-s-heavy-strong-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-strong-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-strong-text-transform: none; - --spectrum-heading-han-s-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-s-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-text-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-s-heavy-font-size: var(--spectrum-alias-heading-han-s-text-size); - --spectrum-heading-han-s-heavy-margin-top: var(--spectrum-alias-heading-han-s-margin-top); - --spectrum-heading-han-s-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-s-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-s-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-s-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-s-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-s-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-s-heavy-text-transform: none; - --spectrum-heading-han-m-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-m-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-m-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-emphasized-text-transform: none; - --spectrum-heading-han-m-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-strong-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-m-heavy-strong-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-strong-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-strong-text-transform: none; - --spectrum-heading-han-m-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-m-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-text-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-m-heavy-font-size: var(--spectrum-alias-heading-han-m-text-size); - --spectrum-heading-han-m-heavy-margin-top: var(--spectrum-alias-heading-han-m-margin-top); - --spectrum-heading-han-m-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-m-heavy-margin-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-heading-han-m-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-m-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-m-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-m-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-m-heavy-text-transform: none; - --spectrum-heading-han-l-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-l-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-l-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-emphasized-text-transform: none; - --spectrum-heading-han-l-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-strong-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-l-heavy-strong-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-strong-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-strong-text-transform: none; - --spectrum-heading-han-l-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-l-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-text-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-l-heavy-font-size: var(--spectrum-alias-heading-han-l-text-size); - --spectrum-heading-han-l-heavy-margin-top: var(--spectrum-alias-heading-han-l-margin-top); - --spectrum-heading-han-l-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-l-heavy-margin-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-heading-han-l-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-l-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-l-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-l-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-l-heavy-text-transform: none; - --spectrum-heading-han-xl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-strong-text-transform: none; - --spectrum-heading-han-xl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-text-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xl-heavy-font-size: var(--spectrum-alias-heading-han-xl-text-size); - --spectrum-heading-han-xl-heavy-margin-top: var(--spectrum-alias-heading-han-xl-margin-top); - --spectrum-heading-han-xl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xl-heavy-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-heading-han-xl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xl-heavy-text-transform: none; - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-strong-text-transform: none; - --spectrum-heading-han-xxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-text-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxl-heavy-font-size: var(--spectrum-alias-heading-han-xxl-text-size); - --spectrum-heading-han-xxl-heavy-margin-top: var(--spectrum-alias-heading-han-xxl-margin-top); - --spectrum-heading-han-xxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-heading-han-xxl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxl-heavy-text-transform: none; - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-strong-text-transform: none; - --spectrum-heading-han-xxxl-heavy-emphasized-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-heavy-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-emphasis); - --spectrum-heading-han-xxxl-heavy-emphasized-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-emphasized-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-emphasized-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-emphasized-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-emphasized-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-emphasized-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-emphasized-text-transform: none; - --spectrum-heading-han-xxxl-heavy-strong-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-strong-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-strong-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-strong-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-strong-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-strong-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-strong-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-strong-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-strong-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy-strong); - --spectrum-heading-han-xxxl-heavy-strong-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-strong-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-strong-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-strong-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-strong-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-strong-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-strong-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-strong-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-strong-text-transform: none; - --spectrum-heading-han-xxxl-heavy-text-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-color: var(--spectrum-alias-heading-text-color); - --spectrum-heading-han-xxxl-heavy-text-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-text-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-text-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-heavy-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-text-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-text-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-font-weight: var(--spectrum-alias-han-heading-text-font-weight-heavy); - --spectrum-heading-han-xxxl-heavy-font-size: var(--spectrum-alias-heading-han-xxxl-text-size); - --spectrum-heading-han-xxxl-heavy-margin-top: var(--spectrum-alias-heading-han-xxxl-margin-top); - --spectrum-heading-han-xxxl-heavy-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-heading-han-xxxl-heavy-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-heading-han-xxxl-heavy-line-height: var(--spectrum-alias-han-heading-text-line-height); - --spectrum-heading-han-xxxl-heavy-font-family: var(--spectrum-alias-font-family-zh); - --spectrum-heading-han-xxxl-heavy-letter-spacing: var(--spectrum-global-font-letter-spacing-han); - --spectrum-heading-han-xxxl-heavy-font-style: var(--spectrum-global-font-style-regular); - --spectrum-heading-han-xxxl-heavy-text-transform: none; -} diff --git a/components/vars/css/components/spectrum-helptext.css b/components/vars/css/components/spectrum-helptext.css deleted file mode 100644 index 3a3ace1ae1a..00000000000 --- a/components/vars/css/components/spectrum-helptext.css +++ /dev/null @@ -1,610 +0,0 @@ -:root { - --spectrum-helptext-s-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-texticon-text-transform: none; - --spectrum-helptext-s-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-texticon-text-render: yes; - --spectrum-helptext-s-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-neutral-texticon-text-text-transform: none; - --spectrum-helptext-s-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-type: icon; - --spectrum-helptext-s-neutral-texticon-icon-render: yes; - --spectrum-helptext-s-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-neutral-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-texticon-text-transform: none; - --spectrum-helptext-s-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-texticon-text-render: yes; - --spectrum-helptext-s-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-negative-texticon-text-text-transform: none; - --spectrum-helptext-s-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-type: icon; - --spectrum-helptext-s-negative-texticon-icon-render: yes; - --spectrum-helptext-s-negative-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-negative-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-s-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-s-neutral-textonly-text-transform: none; - --spectrum-helptext-s-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-neutral-textonly-text-render: yes; - --spectrum-helptext-s-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-neutral-textonly-text-text-transform: none; - --spectrum-helptext-s-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-type: icon; - --spectrum-helptext-s-neutral-textonly-icon-render: no; - --spectrum-helptext-s-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-neutral-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-s-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-s-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-s-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-s-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-s-negative-textonly-text-transform: none; - --spectrum-helptext-s-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-s-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-s-negative-textonly-text-render: yes; - --spectrum-helptext-s-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-s-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-s-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-s-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-s-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-s-negative-textonly-text-text-transform: none; - --spectrum-helptext-s-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-type: icon; - --spectrum-helptext-s-negative-textonly-icon-render: no; - --spectrum-helptext-s-negative-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-helptext-s-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-helptext-s-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-s-negative-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-texticon-text-transform: none; - --spectrum-helptext-m-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-texticon-text-render: yes; - --spectrum-helptext-m-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-neutral-texticon-text-text-transform: none; - --spectrum-helptext-m-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-texticon-icon-type: icon; - --spectrum-helptext-m-neutral-texticon-icon-render: yes; - --spectrum-helptext-m-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-neutral-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-texticon-text-transform: none; - --spectrum-helptext-m-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-texticon-text-render: yes; - --spectrum-helptext-m-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-negative-texticon-text-text-transform: none; - --spectrum-helptext-m-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-texticon-icon-type: icon; - --spectrum-helptext-m-negative-texticon-icon-render: yes; - --spectrum-helptext-m-negative-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-negative-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-m-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-m-neutral-textonly-text-transform: none; - --spectrum-helptext-m-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-neutral-textonly-text-render: yes; - --spectrum-helptext-m-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-neutral-textonly-text-text-transform: none; - --spectrum-helptext-m-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-neutral-textonly-icon-type: icon; - --spectrum-helptext-m-neutral-textonly-icon-render: no; - --spectrum-helptext-m-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-neutral-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-m-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-m-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-m-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-m-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-m-negative-textonly-text-transform: none; - --spectrum-helptext-m-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-helptext-m-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-helptext-m-negative-textonly-text-render: yes; - --spectrum-helptext-m-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-m-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-m-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-m-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-m-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-m-negative-textonly-text-text-transform: none; - --spectrum-helptext-m-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-helptext-m-negative-textonly-icon-type: icon; - --spectrum-helptext-m-negative-textonly-icon-render: no; - --spectrum-helptext-m-negative-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-helptext-m-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-helptext-m-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-helptext-m-negative-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-helptext-l-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-texticon-text-transform: none; - --spectrum-helptext-l-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-texticon-text-render: yes; - --spectrum-helptext-l-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-neutral-texticon-text-text-transform: none; - --spectrum-helptext-l-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-texticon-icon-type: icon; - --spectrum-helptext-l-neutral-texticon-icon-render: yes; - --spectrum-helptext-l-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-texticon-text-transform: none; - --spectrum-helptext-l-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-texticon-text-render: yes; - --spectrum-helptext-l-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-negative-texticon-text-text-transform: none; - --spectrum-helptext-l-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-texticon-icon-type: icon; - --spectrum-helptext-l-negative-texticon-icon-render: yes; - --spectrum-helptext-l-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-l-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-l-neutral-textonly-text-transform: none; - --spectrum-helptext-l-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-neutral-textonly-text-render: yes; - --spectrum-helptext-l-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-neutral-textonly-text-text-transform: none; - --spectrum-helptext-l-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-neutral-textonly-icon-type: icon; - --spectrum-helptext-l-neutral-textonly-icon-render: no; - --spectrum-helptext-l-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-neutral-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-l-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-l-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-l-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-l-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-l-negative-textonly-text-transform: none; - --spectrum-helptext-l-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-helptext-l-negative-textonly-text-render: yes; - --spectrum-helptext-l-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-l-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-l-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-l-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-l-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-l-negative-textonly-text-text-transform: none; - --spectrum-helptext-l-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-helptext-l-negative-textonly-icon-type: icon; - --spectrum-helptext-l-negative-textonly-icon-render: no; - --spectrum-helptext-l-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-l-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-l-negative-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-helptext-xl-neutral-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-neutral-texticon-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-texticon-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-texticon-text-transform: none; - --spectrum-helptext-xl-neutral-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-neutral-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-texticon-text-render: yes; - --spectrum-helptext-xl-neutral-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-neutral-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-neutral-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-neutral-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-neutral-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-neutral-texticon-text-text-transform: none; - --spectrum-helptext-xl-neutral-texticon-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-texticon-icon-type: icon; - --spectrum-helptext-xl-neutral-texticon-icon-render: yes; - --spectrum-helptext-xl-neutral-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-neutral-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-neutral-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-negative-texticon-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-texticon-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-texticon-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-negative-texticon-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-texticon-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-texticon-text-transform: none; - --spectrum-helptext-xl-negative-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-negative-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-texticon-text-render: yes; - --spectrum-helptext-xl-negative-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-negative-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-negative-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-negative-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-negative-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-negative-texticon-text-text-transform: none; - --spectrum-helptext-xl-negative-texticon-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-icon-type: icon; - --spectrum-helptext-xl-negative-texticon-icon-render: yes; - --spectrum-helptext-xl-negative-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-negative-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-negative-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-neutral-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-neutral-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-neutral-textonly-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-down: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-helptext-xl-neutral-textonly-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-helptext-xl-neutral-textonly-text-transform: none; - --spectrum-helptext-xl-neutral-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-neutral-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-neutral-textonly-text-render: yes; - --spectrum-helptext-xl-neutral-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-neutral-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-neutral-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-neutral-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-neutral-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-neutral-textonly-text-text-transform: none; - --spectrum-helptext-xl-neutral-textonly-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-icon-type: icon; - --spectrum-helptext-xl-neutral-textonly-icon-render: no; - --spectrum-helptext-xl-neutral-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-neutral-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-neutral-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-neutral-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-helptext-xl-negative-textonly-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-textonly-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-helptext-xl-negative-textonly-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-helptext-xl-negative-textonly-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-down: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-text-text-color-mouse-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-helptext-xl-negative-textonly-icon-color-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-helptext-xl-negative-textonly-text-transform: none; - --spectrum-helptext-xl-negative-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-helptext-xl-negative-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-helptext-xl-negative-textonly-text-render: yes; - --spectrum-helptext-xl-negative-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-helptext-xl-negative-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-helptext-xl-negative-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-helptext-xl-negative-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-helptext-xl-negative-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-helptext-xl-negative-textonly-text-text-transform: none; - --spectrum-helptext-xl-negative-textonly-icon-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-icon-type: icon; - --spectrum-helptext-xl-negative-textonly-icon-render: no; - --spectrum-helptext-xl-negative-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-helptext-xl-negative-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-helptext-xl-negative-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-helptext-xl-negative-textonly-height: var(--spectrum-global-dimension-size-500); -} diff --git a/components/vars/css/components/spectrum-illustratedmessage.css b/components/vars/css/components/spectrum-illustratedmessage.css deleted file mode 100644 index 0fa64ef6393..00000000000 --- a/components/vars/css/components/spectrum-illustratedmessage.css +++ /dev/null @@ -1,25 +0,0 @@ -:root { - --spectrum-illustratedmessage-heading-color: var(--spectrum-global-color-gray-800); - --spectrum-illustratedmessage-illustration-color: var(--spectrum-global-color-gray-500); - --spectrum-illustratedmessage-description-color: var(--spectrum-global-color-gray-700); - --spectrum-illustratedmessage-heading-margin-top: var(--spectrum-global-dimension-size-300); - --spectrum-illustratedmessage-heading-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-illustratedmessage-heading-font-weight: var(--spectrum-alias-heading-text-font-weight-regular); - --spectrum-illustratedmessage-heading-font-size: var(--spectrum-alias-heading-m-text-size); - --spectrum-illustratedmessage-heading-margin-bottom-multiplier: var(--spectrum-alias-heading-margin-bottom); - --spectrum-illustratedmessage-heading-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-illustratedmessage-heading-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-illustratedmessage-heading-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-illustratedmessage-heading-font-style: var(--spectrum-global-font-style-regular); - --spectrum-illustratedmessage-heading-text-transform: none; - --spectrum-illustratedmessage-description-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-illustratedmessage-description-line-height: var(--spectrum-alias-body-text-line-height); - --spectrum-illustratedmessage-description-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-illustratedmessage-description-font-style: var(--spectrum-global-font-style-regular); - --spectrum-illustratedmessage-description-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-illustratedmessage-description-margin-top: 0px; - --spectrum-illustratedmessage-description-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-illustratedmessage-description-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-illustratedmessage-description-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-illustratedmessage-description-text-transform: none; -} diff --git a/components/vars/css/components/spectrum-infieldbutton.css b/components/vars/css/components/spectrum-infieldbutton.css deleted file mode 100644 index 62b468a3f15..00000000000 --- a/components/vars/css/components/spectrum-infieldbutton.css +++ /dev/null @@ -1,647 +0,0 @@ -:root { - --spectrum-infieldbutton-s-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-left-focusring-render-disabled: no; - --spectrum-infieldbutton-s-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-left-fill-border-color: transparent; - --spectrum-infieldbutton-s-left-focusring-render: no; - --spectrum-infieldbutton-s-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-left-focusring-render-down: no; - --spectrum-infieldbutton-s-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-left-focusring-render-hover: no; - --spectrum-infieldbutton-s-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-left-fill-icon-render: yes; - --spectrum-infieldbutton-s-left-fill-icon-type: icon; - --spectrum-infieldbutton-s-left-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-left-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-left-focusring-type: focusring; - --spectrum-infieldbutton-s-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-left-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-left-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-s-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-right-focusring-render-disabled: no; - --spectrum-infieldbutton-s-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-right-fill-border-color: transparent; - --spectrum-infieldbutton-s-right-focusring-render: no; - --spectrum-infieldbutton-s-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-right-focusring-render-down: no; - --spectrum-infieldbutton-s-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-right-focusring-render-hover: no; - --spectrum-infieldbutton-s-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-right-fill-icon-render: yes; - --spectrum-infieldbutton-s-right-fill-icon-type: icon; - --spectrum-infieldbutton-s-right-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-right-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-s-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-right-focusring-type: focusring; - --spectrum-infieldbutton-s-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-right-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-right-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-s-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-s-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-s-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-s-none-focusring-render-disabled: no; - --spectrum-infieldbutton-s-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-s-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-none-fill-border-color: transparent; - --spectrum-infieldbutton-s-none-focusring-render: no; - --spectrum-infieldbutton-s-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-s-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-s-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-s-none-focusring-render-down: no; - --spectrum-infieldbutton-s-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-s-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-s-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-s-none-focusring-render-hover: no; - --spectrum-infieldbutton-s-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-s-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-s-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-s-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-s-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-s-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-s-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-s-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-s-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-s-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-s-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-s-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-s-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s); - --spectrum-infieldbutton-s-none-fill-icon-render: yes; - --spectrum-infieldbutton-s-none-fill-icon-type: icon; - --spectrum-infieldbutton-s-none-fill-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-infieldbutton-s-none-fill-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-infieldbutton-s-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-infieldbutton-s-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-s-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-s-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-s); - --spectrum-infieldbutton-s-none-focusring-type: focusring; - --spectrum-infieldbutton-s-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-s-none-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-s-none-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-infieldbutton-m-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-left-focusring-render-disabled: no; - --spectrum-infieldbutton-m-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-left-fill-border-color: transparent; - --spectrum-infieldbutton-m-left-focusring-render: no; - --spectrum-infieldbutton-m-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-left-focusring-render-down: no; - --spectrum-infieldbutton-m-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-left-focusring-render-hover: no; - --spectrum-infieldbutton-m-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-left-fill-icon-render: yes; - --spectrum-infieldbutton-m-left-fill-icon-type: icon; - --spectrum-infieldbutton-m-left-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-left-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-left-focusring-type: focusring; - --spectrum-infieldbutton-m-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-left-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-left-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-m-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-right-focusring-render-disabled: no; - --spectrum-infieldbutton-m-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-right-fill-border-color: transparent; - --spectrum-infieldbutton-m-right-focusring-render: no; - --spectrum-infieldbutton-m-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-right-focusring-render-down: no; - --spectrum-infieldbutton-m-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-right-focusring-render-hover: no; - --spectrum-infieldbutton-m-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-right-fill-icon-render: yes; - --spectrum-infieldbutton-m-right-fill-icon-type: icon; - --spectrum-infieldbutton-m-right-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-right-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-m-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-right-focusring-type: focusring; - --spectrum-infieldbutton-m-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-right-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-right-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-m-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-m-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-m-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-m-none-focusring-render-disabled: no; - --spectrum-infieldbutton-m-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-m-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-none-fill-border-color: transparent; - --spectrum-infieldbutton-m-none-focusring-render: no; - --spectrum-infieldbutton-m-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-m-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-m-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-m-none-focusring-render-down: no; - --spectrum-infieldbutton-m-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-m-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-m-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-m-none-focusring-render-hover: no; - --spectrum-infieldbutton-m-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-m-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-m-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-m-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-m-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-m-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-m-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-m-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-m-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-m-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-m-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-m-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-m-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m); - --spectrum-infieldbutton-m-none-fill-icon-render: yes; - --spectrum-infieldbutton-m-none-fill-icon-type: icon; - --spectrum-infieldbutton-m-none-fill-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-infieldbutton-m-none-fill-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-infieldbutton-m-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-infieldbutton-m-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-m-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-m-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-m); - --spectrum-infieldbutton-m-none-focusring-type: focusring; - --spectrum-infieldbutton-m-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-m-none-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-infieldbutton-m-none-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-infieldbutton-l-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-left-focusring-render-disabled: no; - --spectrum-infieldbutton-l-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-left-fill-border-color: transparent; - --spectrum-infieldbutton-l-left-focusring-render: no; - --spectrum-infieldbutton-l-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-left-focusring-render-down: no; - --spectrum-infieldbutton-l-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-left-focusring-render-hover: no; - --spectrum-infieldbutton-l-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-left-fill-icon-render: yes; - --spectrum-infieldbutton-l-left-fill-icon-type: icon; - --spectrum-infieldbutton-l-left-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-left-focusring-type: focusring; - --spectrum-infieldbutton-l-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-left-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-left-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-l-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-right-focusring-render-disabled: no; - --spectrum-infieldbutton-l-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-right-fill-border-color: transparent; - --spectrum-infieldbutton-l-right-focusring-render: no; - --spectrum-infieldbutton-l-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-right-focusring-render-down: no; - --spectrum-infieldbutton-l-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-right-focusring-render-hover: no; - --spectrum-infieldbutton-l-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-right-fill-icon-render: yes; - --spectrum-infieldbutton-l-right-fill-icon-type: icon; - --spectrum-infieldbutton-l-right-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-l-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-right-focusring-type: focusring; - --spectrum-infieldbutton-l-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-right-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-right-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-l-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-l-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-l-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-l-none-focusring-render-disabled: no; - --spectrum-infieldbutton-l-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-l-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-none-fill-border-color: transparent; - --spectrum-infieldbutton-l-none-focusring-render: no; - --spectrum-infieldbutton-l-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-l-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-l-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-l-none-focusring-render-down: no; - --spectrum-infieldbutton-l-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-l-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-l-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-l-none-focusring-render-hover: no; - --spectrum-infieldbutton-l-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-l-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-l-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-l-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-l-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-l-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-l-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-l-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-l-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-l-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-l-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-l-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-l-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l); - --spectrum-infieldbutton-l-none-fill-icon-render: yes; - --spectrum-infieldbutton-l-none-fill-icon-type: icon; - --spectrum-infieldbutton-l-none-fill-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-infieldbutton-l-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-l-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-l-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-l); - --spectrum-infieldbutton-l-none-focusring-type: focusring; - --spectrum-infieldbutton-l-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-l-none-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-infieldbutton-l-none-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-infieldbutton-xl-left-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-left-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-left-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-left-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-left-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-left-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-left-fill-border-color: transparent; - --spectrum-infieldbutton-xl-left-focusring-render: no; - --spectrum-infieldbutton-xl-left-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-left-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-left-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-down: no; - --spectrum-infieldbutton-xl-left-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-left-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-left-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-hover: no; - --spectrum-infieldbutton-xl-left-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-left-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-left-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-left-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-left-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-left-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-left-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-left-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-left-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-left-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-left-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-left-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-left-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-left-fill-icon-render: yes; - --spectrum-infieldbutton-xl-left-fill-icon-type: icon; - --spectrum-infieldbutton-xl-left-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-left-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-left-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-left-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-left-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-left-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-left-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-left-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-left-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-left-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-left-focusring-type: focusring; - --spectrum-infieldbutton-xl-left-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-left-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-left-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-infieldbutton-xl-right-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-right-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-right-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-right-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-right-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-right-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-right-fill-border-color: transparent; - --spectrum-infieldbutton-xl-right-focusring-render: no; - --spectrum-infieldbutton-xl-right-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-right-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-right-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-down: no; - --spectrum-infieldbutton-xl-right-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-right-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-right-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-hover: no; - --spectrum-infieldbutton-xl-right-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-right-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-right-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-right-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-right-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-right-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-right-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-right-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-right-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-right-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-right-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-right-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-right-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-right-fill-icon-render: yes; - --spectrum-infieldbutton-xl-right-fill-icon-type: icon; - --spectrum-infieldbutton-xl-right-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-right-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-right-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-right-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-right-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-infieldbutton-xl-right-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-right-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-right-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-right-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-right-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-right-focusring-type: focusring; - --spectrum-infieldbutton-xl-right-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-right-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-right-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-infieldbutton-xl-none-fill-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-infieldbutton-xl-none-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-infieldbutton-xl-none-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-infieldbutton-xl-none-focusring-render-disabled: no; - --spectrum-infieldbutton-xl-none-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-infieldbutton-xl-none-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-none-fill-border-color: transparent; - --spectrum-infieldbutton-xl-none-focusring-render: no; - --spectrum-infieldbutton-xl-none-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-infieldbutton-xl-none-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-infieldbutton-xl-none-fill-border-color-down: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-down: no; - --spectrum-infieldbutton-xl-none-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-infieldbutton-xl-none-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-infieldbutton-xl-none-fill-border-color-hover: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-hover: no; - --spectrum-infieldbutton-xl-none-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-infieldbutton-xl-none-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-infieldbutton-xl-none-fill-border-color-key-focus: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-key-focus: yes; - --spectrum-infieldbutton-xl-none-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-infieldbutton-xl-none-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-infieldbutton-xl-none-fill-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-infieldbutton-xl-none-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-infieldbutton-xl-none-fill-border-color-mouse-focus: transparent; - --spectrum-infieldbutton-xl-none-focusring-render-mouse-focus: no; - --spectrum-infieldbutton-xl-none-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-infieldbutton-xl-none-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-infieldbutton-xl-none-fill-icon-margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-none-fill-icon-margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl); - --spectrum-infieldbutton-xl-none-fill-icon-render: yes; - --spectrum-infieldbutton-xl-none-fill-icon-type: icon; - --spectrum-infieldbutton-xl-none-fill-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-infieldbutton-xl-none-fill-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-infieldbutton-xl-none-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-infieldbutton-xl-none-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-infieldbutton-xl-none-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-infieldbutton-xl-none-fill-padding-left: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-none-fill-padding-right: var(--spectrum-alias-infieldbutton-fill-padding-xl); - --spectrum-infieldbutton-xl-none-focusring-type: focusring; - --spectrum-infieldbutton-xl-none-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-infieldbutton-xl-none-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-infieldbutton-xl-none-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/vars/css/components/spectrum-inlinealert.css b/components/vars/css/components/spectrum-inlinealert.css deleted file mode 100644 index 8e6078f3320..00000000000 --- a/components/vars/css/components/spectrum-inlinealert.css +++ /dev/null @@ -1,56 +0,0 @@ -:root { - --spectrum-inlinealert-neutral-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-neutral-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-neutral-icon-color: var(--spectrum-alias-icon-color); - --spectrum-inlinealert-neutral-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-neutral-border-color: var(--spectrum-global-color-gray-600); - --spectrum-inlinealert-neutral-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-neutral-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-neutral-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-neutral-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-info-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-info-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-info-icon-color: var(--spectrum-semantic-informative-icon-color); - --spectrum-inlinealert-info-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-info-border-color: var(--spectrum-semantic-informative-border-color); - --spectrum-inlinealert-info-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-info-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-info-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-info-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-error-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-error-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-error-icon-color: var(--spectrum-semantic-negative-icon-color); - --spectrum-inlinealert-error-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-error-border-color: var(--spectrum-semantic-negative-border-color); - --spectrum-inlinealert-error-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-error-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-error-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-error-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-help-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-help-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-help-icon-color: var(--spectrum-semantic-informative-icon-color); - --spectrum-inlinealert-help-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-help-border-color: var(--spectrum-semantic-informative-border-color); - --spectrum-inlinealert-help-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-help-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-help-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-help-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-success-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-success-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-success-icon-color: var(--spectrum-semantic-positive-icon-color); - --spectrum-inlinealert-success-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-success-border-color: var(--spectrum-semantic-positive-border-color); - --spectrum-inlinealert-success-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-success-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-success-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-success-padding-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-negative-title-text-color: var(--spectrum-global-color-gray-900); - --spectrum-inlinealert-negative-text-color: var(--spectrum-global-color-gray-700); - --spectrum-inlinealert-negative-icon-color: var(--spectrum-semantic-notice-icon-color); - --spectrum-inlinealert-negative-background-color: var(--spectrum-global-color-gray-50); - --spectrum-inlinealert-negative-border-color: var(--spectrum-semantic-notice-border-color); - --spectrum-inlinealert-negative-content-margin-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-inlinealert-negative-min-width: var(--spectrum-global-dimension-static-size-4600); - --spectrum-inlinealert-negative-padding-x: var(--spectrum-global-dimension-static-size-250); - --spectrum-inlinealert-negative-padding-y: var(--spectrum-global-dimension-static-size-250); -} diff --git a/components/vars/css/components/spectrum-label.css b/components/vars/css/components/spectrum-label.css deleted file mode 100644 index 6111da01ea0..00000000000 --- a/components/vars/css/components/spectrum-label.css +++ /dev/null @@ -1,122 +0,0 @@ -:root { - --spectrum-label-colored-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-label-colored-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-gray-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-green-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-blue-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-red-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-seafoam-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-fuchsia-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-orange-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-yellow-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-colored-text-color: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-down: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-down: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-down: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-down: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-hover: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-hover: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-hover: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-hover: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-key-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-key-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-key-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-key-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-colored-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-label-colored-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-gray-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-colored-green-background-color-mouse-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-colored-blue-background-color-mouse-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-colored-red-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-colored-seafoam-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-colored-fuchsia-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-colored-orange-background-color-mouse-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-colored-yellow-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-label-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-gray-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-green-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-blue-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-red-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-seafoam-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-fuchsia-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-orange-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-yellow-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-label-text-color: var(--spectrum-global-color-static-white); - --spectrum-label-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-down: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-down: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-down: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-down: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-down: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-hover: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-hover: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-hover: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-hover: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-hover: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-key-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-key-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-key-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-key-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-key-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-label-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-label-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-gray-background-color-mouse-focus: var(--spectrum-global-color-static-gray-700); - --spectrum-label-green-background-color-mouse-focus: var(--spectrum-global-color-static-green-600); - --spectrum-label-blue-background-color-mouse-focus: var(--spectrum-global-color-static-blue); - --spectrum-label-red-background-color-mouse-focus: var(--spectrum-global-color-static-red-600); - --spectrum-label-seafoam-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-label-fuchsia-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-label-orange-background-color-mouse-focus: var(--spectrum-global-color-static-orange-600); - --spectrum-label-yellow-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); -} diff --git a/components/vars/css/components/spectrum-link.css b/components/vars/css/components/spectrum-link.css deleted file mode 100644 index 4a31ce9ba4c..00000000000 --- a/components/vars/css/components/spectrum-link.css +++ /dev/null @@ -1,1058 +0,0 @@ -:root { - --spectrum-link-s-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-overbackground-text-transform: none; - --spectrum-link-s-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-s-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-overbackground-text-transform: none; - --spectrum-link-s-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-overbackground-text-text-transform: none; - --spectrum-link-s-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-text-transform: none; - --spectrum-link-s-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-quiet-text-text-transform: none; - --spectrum-link-s-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-s-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-s-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-s-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-s-primary-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-text-transform: none; - --spectrum-link-s-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-primary-text-text-transform: none; - --spectrum-link-s-primary-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-s-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-s-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-s-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-overbackground-text-transform: none; - --spectrum-link-s-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-overbackground-text-text-transform: none; - --spectrum-link-s-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-s-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-text-transform: none; - --spectrum-link-s-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-quiet-text-text-transform: none; - --spectrum-link-s-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-s-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-s-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-s-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-s-secondary-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-text-transform: none; - --spectrum-link-s-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-s-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-s-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-s-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-s-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-s-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-s-secondary-text-text-transform: none; - --spectrum-link-s-secondary-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-link-s-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-s-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-overbackground-text-transform: none; - --spectrum-link-m-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-m-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-overbackground-text-transform: none; - --spectrum-link-m-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-overbackground-text-text-transform: none; - --spectrum-link-m-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-text-transform: none; - --spectrum-link-m-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-quiet-text-text-transform: none; - --spectrum-link-m-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-m-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-m-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-m-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-m-primary-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-text-transform: none; - --spectrum-link-m-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-primary-text-text-transform: none; - --spectrum-link-m-primary-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-m-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-m-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-m-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-overbackground-text-transform: none; - --spectrum-link-m-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-overbackground-text-text-transform: none; - --spectrum-link-m-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-m-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-text-transform: none; - --spectrum-link-m-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-quiet-text-text-transform: none; - --spectrum-link-m-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-m-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-m-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-m-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-m-secondary-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-text-transform: none; - --spectrum-link-m-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-m-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-m-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-m-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-m-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-m-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-m-secondary-text-text-transform: none; - --spectrum-link-m-secondary-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-link-m-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-m-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-overbackground-text-transform: none; - --spectrum-link-l-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-l-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-overbackground-text-transform: none; - --spectrum-link-l-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-overbackground-text-text-transform: none; - --spectrum-link-l-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-text-transform: none; - --spectrum-link-l-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-quiet-text-text-transform: none; - --spectrum-link-l-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-l-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-l-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-l-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-l-primary-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-text-transform: none; - --spectrum-link-l-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-primary-text-text-transform: none; - --spectrum-link-l-primary-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-l-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-l-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-l-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-overbackground-text-transform: none; - --spectrum-link-l-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-overbackground-text-text-transform: none; - --spectrum-link-l-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-l-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-text-transform: none; - --spectrum-link-l-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-quiet-text-text-transform: none; - --spectrum-link-l-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-l-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-l-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-l-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-l-secondary-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-text-transform: none; - --spectrum-link-l-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-l-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-l-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-l-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-l-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-l-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-l-secondary-text-text-transform: none; - --spectrum-link-l-secondary-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-link-l-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-l-secondary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-overbackground-text-transform: none; - --spectrum-link-xl-primary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-quiet-overbackground-text-text-transform: none; - --spectrum-link-xl-primary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-primary-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-overbackground-text-transform: none; - --spectrum-link-xl-primary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-overbackground-text-text-transform: none; - --spectrum-link-xl-primary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-quiet-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-quiet-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-primary-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-text-transform: none; - --spectrum-link-xl-primary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-quiet-text-text-transform: none; - --spectrum-link-xl-primary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-underline-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-underline-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-link-xl-primary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-underline-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-link-xl-primary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-underline-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-link-xl-primary-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-text-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-underline-color-mouse-focus: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-link-xl-primary-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-text-transform: none; - --spectrum-link-xl-primary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-primary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-primary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-primary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-primary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-primary-text-text-transform: none; - --spectrum-link-xl-primary-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-primary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-primary-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-overbackground-text-transform: none; - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-quiet-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-quiet-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-quiet-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-quiet-overbackground-text-text-transform: none; - --spectrum-link-xl-secondary-quiet-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-overbackground-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-underline-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-link-xl-secondary-overbackground-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-overbackground-text-transform: none; - --spectrum-link-xl-secondary-overbackground-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-overbackground-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-overbackground-text-text-transform: none; - --spectrum-link-xl-secondary-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-overbackground-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-overbackground-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-underline-color: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-quiet-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-quiet-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-quiet-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-quiet-text-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-underline-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-link-xl-secondary-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-text-transform: none; - --spectrum-link-xl-secondary-quiet-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-quiet-text-text-transform: none; - --spectrum-link-xl-secondary-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-quiet-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-quiet-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-underline-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-text-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-underline-color-down: var(--spectrum-alias-link-secondary-text-color-down); - --spectrum-link-xl-secondary-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-text-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-underline-color-hover: var(--spectrum-alias-link-secondary-text-color-hover); - --spectrum-link-xl-secondary-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-text-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-underline-color-key-focus: var(--spectrum-alias-link-secondary-text-color-key-focus); - --spectrum-link-xl-secondary-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-text-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-underline-color-mouse-focus: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-link-xl-secondary-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-text-transform: none; - --spectrum-link-xl-secondary-text-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-text-underline-size: var(--spectrum-alias-border-size-thin); - --spectrum-link-xl-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-link-xl-secondary-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-link-xl-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-link-xl-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-link-xl-secondary-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-link-xl-secondary-text-text-transform: none; - --spectrum-link-xl-secondary-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-link-xl-secondary-underline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-link-xl-secondary-underline-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-listitem.css b/components/vars/css/components/spectrum-listitem.css deleted file mode 100644 index fe871899d1b..00000000000 --- a/components/vars/css/components/spectrum-listitem.css +++ /dev/null @@ -1,1896 +0,0 @@ -:root { - --spectrum-listitem-s-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-s-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render: no; - --spectrum-listitem-s-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-down: no; - --spectrum-listitem-s-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-hover: no; - --spectrum-listitem-s-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-texticon-text-transform: none; - --spectrum-listitem-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-texticon-text-render: yes; - --spectrum-listitem-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-texticon-text-text-transform: none; - --spectrum-listitem-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-icon-margin-top: 0; - --spectrum-listitem-s-texticon-icon-margin-bottom: 0; - --spectrum-listitem-s-texticon-icon-type: icon; - --spectrum-listitem-s-texticon-icon-render: yes; - --spectrum-listitem-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-s-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-texticon-thumbnail-type: icon; - --spectrum-listitem-s-texticon-thumbnail-render: yes; - --spectrum-listitem-s-texticon-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-texticon-focus-ring-type: focusring; - --spectrum-listitem-s-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-s-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-s-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render: no; - --spectrum-listitem-s-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-down: no; - --spectrum-listitem-s-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-hover: no; - --spectrum-listitem-s-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-textonly-text-transform: none; - --spectrum-listitem-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textonly-text-render: yes; - --spectrum-listitem-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-textonly-text-text-transform: none; - --spectrum-listitem-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-icon-margin-top: 0; - --spectrum-listitem-s-textonly-icon-margin-bottom: 0; - --spectrum-listitem-s-textonly-icon-type: icon; - --spectrum-listitem-s-textonly-icon-render: no; - --spectrum-listitem-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-s-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-textonly-thumbnail-type: icon; - --spectrum-listitem-s-textonly-thumbnail-render: no; - --spectrum-listitem-s-textonly-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textonly-focus-ring-type: focusring; - --spectrum-listitem-s-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-s-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-s-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-s-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-s-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-s-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-s-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-s-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-s-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-s-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-s-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-s-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-s-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-s-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-s-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-s-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-s-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-s-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-s-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-s-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-s-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-s-textthumbnail-text-transform: none; - --spectrum-listitem-s-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textthumbnail-text-render: yes; - --spectrum-listitem-s-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-listitem-s-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-s-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-s-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-s-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-s-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-s-textthumbnail-text-text-transform: none; - --spectrum-listitem-s-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-listitem-s-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-s-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-s-textthumbnail-icon-type: icon; - --spectrum-listitem-s-textthumbnail-icon-render: yes; - --spectrum-listitem-s-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-s-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-listitem-s-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-listitem-s-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-s-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-s-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-s-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-s-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-200); - --spectrum-listitem-s-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-s-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-s-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-s-textthumbnail-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-s-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-s-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-s-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-listitem-s-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-s-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-s-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-m-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render: no; - --spectrum-listitem-m-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-down: no; - --spectrum-listitem-m-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-hover: no; - --spectrum-listitem-m-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-texticon-text-transform: none; - --spectrum-listitem-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-texticon-text-render: yes; - --spectrum-listitem-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-texticon-text-text-transform: none; - --spectrum-listitem-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-icon-margin-top: 0; - --spectrum-listitem-m-texticon-icon-margin-bottom: 0; - --spectrum-listitem-m-texticon-icon-type: icon; - --spectrum-listitem-m-texticon-icon-render: yes; - --spectrum-listitem-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-m-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-texticon-thumbnail-type: icon; - --spectrum-listitem-m-texticon-thumbnail-render: yes; - --spectrum-listitem-m-texticon-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-texticon-focus-ring-type: focusring; - --spectrum-listitem-m-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-m-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render: no; - --spectrum-listitem-m-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-down: no; - --spectrum-listitem-m-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-hover: no; - --spectrum-listitem-m-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-textonly-text-transform: none; - --spectrum-listitem-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textonly-text-render: yes; - --spectrum-listitem-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-textonly-text-text-transform: none; - --spectrum-listitem-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-icon-margin-top: 0; - --spectrum-listitem-m-textonly-icon-margin-bottom: 0; - --spectrum-listitem-m-textonly-icon-type: icon; - --spectrum-listitem-m-textonly-icon-render: no; - --spectrum-listitem-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-m-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-textonly-thumbnail-type: icon; - --spectrum-listitem-m-textonly-thumbnail-render: no; - --spectrum-listitem-m-textonly-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textonly-focus-ring-type: focusring; - --spectrum-listitem-m-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-m-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-m-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-m-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-m-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-m-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-m-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-m-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-m-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-m-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-m-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-m-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-m-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-m-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-m-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-m-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-m-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-m-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-m-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-m-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-m-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-m-textthumbnail-text-transform: none; - --spectrum-listitem-m-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textthumbnail-text-render: yes; - --spectrum-listitem-m-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-listitem-m-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-m-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-m-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-m-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-m-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-m-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-m-textthumbnail-text-text-transform: none; - --spectrum-listitem-m-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-listitem-m-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-m-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-m-textthumbnail-icon-type: icon; - --spectrum-listitem-m-textthumbnail-icon-render: yes; - --spectrum-listitem-m-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-m-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-listitem-m-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-listitem-m-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-m-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-m-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-m-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-m-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-m-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-m-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-m-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-m-textthumbnail-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-m-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-m-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-listitem-m-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-listitem-m-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-m-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-m-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-l-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render: no; - --spectrum-listitem-l-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-down: no; - --spectrum-listitem-l-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-hover: no; - --spectrum-listitem-l-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-texticon-text-transform: none; - --spectrum-listitem-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-texticon-text-render: yes; - --spectrum-listitem-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-texticon-text-text-transform: none; - --spectrum-listitem-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-icon-margin-top: 0; - --spectrum-listitem-l-texticon-icon-margin-bottom: 0; - --spectrum-listitem-l-texticon-icon-type: icon; - --spectrum-listitem-l-texticon-icon-render: yes; - --spectrum-listitem-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-l-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-texticon-thumbnail-type: icon; - --spectrum-listitem-l-texticon-thumbnail-render: yes; - --spectrum-listitem-l-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-texticon-focus-ring-type: focusring; - --spectrum-listitem-l-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-l-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render: no; - --spectrum-listitem-l-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-down: no; - --spectrum-listitem-l-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-hover: no; - --spectrum-listitem-l-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-textonly-text-transform: none; - --spectrum-listitem-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textonly-text-render: yes; - --spectrum-listitem-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-textonly-text-text-transform: none; - --spectrum-listitem-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-icon-margin-top: 0; - --spectrum-listitem-l-textonly-icon-margin-bottom: 0; - --spectrum-listitem-l-textonly-icon-type: icon; - --spectrum-listitem-l-textonly-icon-render: no; - --spectrum-listitem-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-l-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-textonly-thumbnail-type: icon; - --spectrum-listitem-l-textonly-thumbnail-render: no; - --spectrum-listitem-l-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textonly-focus-ring-type: focusring; - --spectrum-listitem-l-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-l-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-l-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-l-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-l-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-l-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-l-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-l-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-l-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-l-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-l-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-l-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-l-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-l-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-l-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-l-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-l-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-l-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-l-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-l-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-l-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-l-textthumbnail-text-transform: none; - --spectrum-listitem-l-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textthumbnail-text-render: yes; - --spectrum-listitem-l-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-listitem-l-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-l-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-l-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-l-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-l-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-l-textthumbnail-text-text-transform: none; - --spectrum-listitem-l-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-listitem-l-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-l-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-l-textthumbnail-icon-type: icon; - --spectrum-listitem-l-textthumbnail-icon-render: yes; - --spectrum-listitem-l-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-l-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-l-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-listitem-l-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-l-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-l-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-l-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-l-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-l-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-l-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-l-textthumbnail-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-l-textthumbnail-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-l-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-l-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-listitem-l-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-l-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-l-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-texticon-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-texticon-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-texticon-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-texticon-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-texticon-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-texticon-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-texticon-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-texticon-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-texticon-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-texticon-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-disabled: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-texticon-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-texticon-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render: no; - --spectrum-listitem-xl-texticon-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-texticon-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-texticon-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-down: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-texticon-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-texticon-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-hover: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-texticon-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-texticon-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-texticon-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-texticon-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-texticon-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-texticon-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-texticon-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-texticon-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-texticon-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-texticon-text-transform: none; - --spectrum-listitem-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-texticon-text-render: yes; - --spectrum-listitem-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-texticon-text-text-transform: none; - --spectrum-listitem-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-icon-margin-top: 0; - --spectrum-listitem-xl-texticon-icon-margin-bottom: 0; - --spectrum-listitem-xl-texticon-icon-type: icon; - --spectrum-listitem-xl-texticon-icon-render: yes; - --spectrum-listitem-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-texticon-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-texticon-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-texticon-thumbnail-margin-top: 0; - --spectrum-listitem-xl-texticon-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-texticon-thumbnail-type: icon; - --spectrum-listitem-xl-texticon-thumbnail-render: yes; - --spectrum-listitem-xl-texticon-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-texticon-focus-ring-type: focusring; - --spectrum-listitem-xl-texticon-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-texticon-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-texticon-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-texticon-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-texticon-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-texticon-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-textonly-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textonly-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textonly-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textonly-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textonly-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textonly-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textonly-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textonly-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textonly-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textonly-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-disabled: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textonly-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textonly-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render: no; - --spectrum-listitem-xl-textonly-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textonly-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textonly-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-down: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textonly-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textonly-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-hover: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textonly-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textonly-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-textonly-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textonly-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textonly-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textonly-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-textonly-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textonly-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-textonly-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-textonly-text-transform: none; - --spectrum-listitem-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textonly-text-render: yes; - --spectrum-listitem-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-textonly-text-text-transform: none; - --spectrum-listitem-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-icon-margin-top: 0; - --spectrum-listitem-xl-textonly-icon-margin-bottom: 0; - --spectrum-listitem-xl-textonly-icon-type: icon; - --spectrum-listitem-xl-textonly-icon-render: no; - --spectrum-listitem-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textonly-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-textonly-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textonly-thumbnail-margin-top: 0; - --spectrum-listitem-xl-textonly-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-textonly-thumbnail-type: icon; - --spectrum-listitem-xl-textonly-thumbnail-render: no; - --spectrum-listitem-xl-textonly-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textonly-focus-ring-type: focusring; - --spectrum-listitem-xl-textonly-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textonly-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textonly-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-textonly-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-textonly-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-textonly-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; - --spectrum-listitem-xl-textthumbnail-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textthumbnail-icon-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-disabled: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-down: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-down: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-hover: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-hover: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-key-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-key-focus: yes; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-background-color-selected-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-selected); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-selected-mouse-focus: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-listitem-xl-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-disabled: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-listitem-xl-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textthumbnail-ui-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-listitem-xl-textthumbnail-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-listitem-xl-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-down: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-down: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-listitem-xl-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-hover: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-key-focus: yes; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-listitem-xl-textthumbnail-background-color-key-focus: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-listitem-xl-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-ui-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-thumbnail-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-listitem-xl-textthumbnail-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-focus-ring-render-mouse-focus: no; - --spectrum-listitem-xl-textthumbnail-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-listitem-xl-textthumbnail-divider-color: var(--spectrum-alias-border-color-extralight); - --spectrum-listitem-xl-textthumbnail-focus-indicator-color: var(--spectrum-alias-border-color-key-focus); - --spectrum-listitem-xl-textthumbnail-text-transform: none; - --spectrum-listitem-xl-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textthumbnail-text-render: yes; - --spectrum-listitem-xl-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-listitem-xl-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-listitem-xl-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-listitem-xl-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-listitem-xl-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-listitem-xl-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-listitem-xl-textthumbnail-text-text-transform: none; - --spectrum-listitem-xl-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-listitem-xl-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-icon-margin-top: 0; - --spectrum-listitem-xl-textthumbnail-icon-margin-bottom: 0; - --spectrum-listitem-xl-textthumbnail-icon-type: icon; - --spectrum-listitem-xl-textthumbnail-icon-render: yes; - --spectrum-listitem-xl-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textthumbnail-divider-padding: var(--spectrum-global-dimension-static-size-40); - --spectrum-listitem-xl-textthumbnail-ui-icon-margin-top: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-ui-icon-margin-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-listitem-xl-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-listitem-xl-textthumbnail-thumbnail-margin-top: 0; - --spectrum-listitem-xl-textthumbnail-thumbnail-margin-bottom: 0; - --spectrum-listitem-xl-textthumbnail-thumbnail-type: icon; - --spectrum-listitem-xl-textthumbnail-thumbnail-render: yes; - --spectrum-listitem-xl-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-size-275); - --spectrum-listitem-xl-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textthumbnail-focus-ring-type: focusring; - --spectrum-listitem-xl-textthumbnail-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-listitem-xl-textthumbnail-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-listitem-xl-textthumbnail-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-listitem-xl-textthumbnail-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-listitem-xl-textthumbnail-focus-indicator-size: var(--spectrum-alias-border-size-thick); - --spectrum-listitem-xl-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-xl-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-listitem-xl-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-listitem-xl-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-listitem-xl-textthumbnail-focus-ring-animation-properties: focus-ring-gap, focus-ring-color; -} diff --git a/components/vars/css/components/spectrum-logicbutton.css b/components/vars/css/components/spectrum-logicbutton.css deleted file mode 100644 index 5bd37fae1d8..00000000000 --- a/components/vars/css/components/spectrum-logicbutton.css +++ /dev/null @@ -1,80 +0,0 @@ -:root { - --spectrum-logicbutton-and-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-and-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-and-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-and-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-and-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-border-color: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-down: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-down: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-hover: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-hover: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-key-focus: var(--spectrum-global-color-blue-700); - --spectrum-logicbutton-and-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-logicbutton-and-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-text-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-and-background-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-border-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-logicbutton-and-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-and-text-transform: none; - --spectrum-logicbutton-and-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-logicbutton-and-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-logicbutton-and-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-logicbutton-and-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-logicbutton-and-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-logicbutton-and-text-text-transform: none; - --spectrum-logicbutton-and-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-and-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-logicbutton-and-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-and-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-logicbutton-and-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-logicbutton-or-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-or-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-logicbutton-or-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-or-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-logicbutton-or-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-border-color: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-down: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-down: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-hover: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-hover: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-hover: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-key-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-key-focus: var(--spectrum-global-color-magenta-700); - --spectrum-logicbutton-or-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-logicbutton-or-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-text-text-color-mouse-focus: var(--spectrum-global-color-static-white); - --spectrum-logicbutton-or-background-color-mouse-focus: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-border-color-mouse-focus: var(--spectrum-global-color-magenta-500); - --spectrum-logicbutton-or-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-or-text-transform: none; - --spectrum-logicbutton-or-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-logicbutton-or-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-logicbutton-or-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-logicbutton-or-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-logicbutton-or-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-logicbutton-or-text-text-transform: none; - --spectrum-logicbutton-or-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-logicbutton-or-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-logicbutton-or-padding-left: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-logicbutton-or-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-logicbutton-or-border-radius: var(--spectrum-alias-border-radius-regular); -} diff --git a/components/vars/css/components/spectrum-meter.css b/components/vars/css/components/spectrum-meter.css deleted file mode 100644 index c55c81d2cdd..00000000000 --- a/components/vars/css/components/spectrum-meter.css +++ /dev/null @@ -1,1388 +0,0 @@ -:root { - --spectrum-meter-s-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-s-negative-overbackground-text-transform: none; - --spectrum-meter-s-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-text-text-transform: none; - --spectrum-meter-s-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-s-negative-overbackground-value-text-alignment: end; - --spectrum-meter-s-negative-overbackground-value-text-align: end; - --spectrum-meter-s-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-value-text-transform: none; - --spectrum-meter-s-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-negative-overbackground-value-text-render: yes; - --spectrum-meter-s-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-s-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-s-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-negative-fill-border-radius: 0; - --spectrum-meter-s-negative-text-transform: none; - --spectrum-meter-s-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-text-text-transform: none; - --spectrum-meter-s-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-value-gap-y: 0px; - --spectrum-meter-s-negative-value-text-alignment: end; - --spectrum-meter-s-negative-value-text-align: end; - --spectrum-meter-s-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-value-text-transform: none; - --spectrum-meter-s-negative-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-negative-value-text-render: yes; - --spectrum-meter-s-negative-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-negative-value-text-text-transform: none; - --spectrum-meter-s-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-negative-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-negative-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-s-notice-overbackground-text-transform: none; - --spectrum-meter-s-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-text-text-transform: none; - --spectrum-meter-s-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-s-notice-overbackground-value-text-alignment: end; - --spectrum-meter-s-notice-overbackground-value-text-align: end; - --spectrum-meter-s-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-value-text-transform: none; - --spectrum-meter-s-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-notice-overbackground-value-text-render: yes; - --spectrum-meter-s-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-s-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-s-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-notice-fill-border-radius: 0; - --spectrum-meter-s-notice-text-transform: none; - --spectrum-meter-s-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-text-text-transform: none; - --spectrum-meter-s-notice-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-value-gap-y: 0px; - --spectrum-meter-s-notice-value-text-alignment: end; - --spectrum-meter-s-notice-value-text-align: end; - --spectrum-meter-s-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-value-text-transform: none; - --spectrum-meter-s-notice-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-notice-value-text-render: yes; - --spectrum-meter-s-notice-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-notice-value-text-text-transform: none; - --spectrum-meter-s-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-notice-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-notice-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-s-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-s-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-s-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-s-positive-overbackground-text-transform: none; - --spectrum-meter-s-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-text-text-transform: none; - --spectrum-meter-s-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-s-positive-overbackground-value-text-alignment: end; - --spectrum-meter-s-positive-overbackground-value-text-align: end; - --spectrum-meter-s-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-value-text-transform: none; - --spectrum-meter-s-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-positive-overbackground-value-text-render: yes; - --spectrum-meter-s-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-s-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-s-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-s-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-s-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-s-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-s-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-s-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-s-positive-fill-border-radius: 0; - --spectrum-meter-s-positive-text-transform: none; - --spectrum-meter-s-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-text-text-transform: none; - --spectrum-meter-s-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-value-gap-y: 0px; - --spectrum-meter-s-positive-value-text-alignment: end; - --spectrum-meter-s-positive-value-text-align: end; - --spectrum-meter-s-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-s-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-value-text-transform: none; - --spectrum-meter-s-positive-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-s-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-s-positive-value-text-render: yes; - --spectrum-meter-s-positive-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-s-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-s-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-s-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-s-positive-value-text-text-transform: none; - --spectrum-meter-s-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-meter-s-positive-height: var(--spectrum-global-dimension-size-50); - --spectrum-meter-s-positive-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-s-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-s-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-m-negative-overbackground-text-transform: none; - --spectrum-meter-m-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-text-text-transform: none; - --spectrum-meter-m-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-m-negative-overbackground-value-text-alignment: end; - --spectrum-meter-m-negative-overbackground-value-text-align: end; - --spectrum-meter-m-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-value-text-transform: none; - --spectrum-meter-m-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-negative-overbackground-value-text-render: yes; - --spectrum-meter-m-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-m-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-m-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-negative-fill-border-radius: 0; - --spectrum-meter-m-negative-text-transform: none; - --spectrum-meter-m-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-text-text-transform: none; - --spectrum-meter-m-negative-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-value-gap-y: 0px; - --spectrum-meter-m-negative-value-text-alignment: end; - --spectrum-meter-m-negative-value-text-align: end; - --spectrum-meter-m-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-value-text-transform: none; - --spectrum-meter-m-negative-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-negative-value-text-render: yes; - --spectrum-meter-m-negative-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-negative-value-text-text-transform: none; - --spectrum-meter-m-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-negative-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-negative-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-m-notice-overbackground-text-transform: none; - --spectrum-meter-m-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-text-text-transform: none; - --spectrum-meter-m-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-m-notice-overbackground-value-text-alignment: end; - --spectrum-meter-m-notice-overbackground-value-text-align: end; - --spectrum-meter-m-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-value-text-transform: none; - --spectrum-meter-m-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-notice-overbackground-value-text-render: yes; - --spectrum-meter-m-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-m-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-m-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-notice-fill-border-radius: 0; - --spectrum-meter-m-notice-text-transform: none; - --spectrum-meter-m-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-text-text-transform: none; - --spectrum-meter-m-notice-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-value-gap-y: 0px; - --spectrum-meter-m-notice-value-text-alignment: end; - --spectrum-meter-m-notice-value-text-align: end; - --spectrum-meter-m-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-value-text-transform: none; - --spectrum-meter-m-notice-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-notice-value-text-render: yes; - --spectrum-meter-m-notice-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-notice-value-text-text-transform: none; - --spectrum-meter-m-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-notice-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-notice-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-m-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-m-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-m-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-m-positive-overbackground-text-transform: none; - --spectrum-meter-m-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-text-text-transform: none; - --spectrum-meter-m-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-m-positive-overbackground-value-text-alignment: end; - --spectrum-meter-m-positive-overbackground-value-text-align: end; - --spectrum-meter-m-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-value-text-transform: none; - --spectrum-meter-m-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-positive-overbackground-value-text-render: yes; - --spectrum-meter-m-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-m-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-m-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-m-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-m-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-m-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-m-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-m-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-m-positive-fill-border-radius: 0; - --spectrum-meter-m-positive-text-transform: none; - --spectrum-meter-m-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-text-text-transform: none; - --spectrum-meter-m-positive-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-value-gap-y: 0px; - --spectrum-meter-m-positive-value-text-alignment: end; - --spectrum-meter-m-positive-value-text-align: end; - --spectrum-meter-m-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-m-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-value-text-transform: none; - --spectrum-meter-m-positive-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-m-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-m-positive-value-text-render: yes; - --spectrum-meter-m-positive-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-meter-m-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-m-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-m-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-m-positive-value-text-text-transform: none; - --spectrum-meter-m-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-meter-m-positive-height: var(--spectrum-global-dimension-size-75); - --spectrum-meter-m-positive-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-meter-m-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-m-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-l-negative-overbackground-text-transform: none; - --spectrum-meter-l-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-text-text-transform: none; - --spectrum-meter-l-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-l-negative-overbackground-value-text-alignment: end; - --spectrum-meter-l-negative-overbackground-value-text-align: end; - --spectrum-meter-l-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-value-text-transform: none; - --spectrum-meter-l-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-negative-overbackground-value-text-render: yes; - --spectrum-meter-l-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-l-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-negative-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-l-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-negative-fill-border-radius: 0; - --spectrum-meter-l-negative-text-transform: none; - --spectrum-meter-l-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-text-text-transform: none; - --spectrum-meter-l-negative-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-value-gap-y: 0px; - --spectrum-meter-l-negative-value-text-alignment: end; - --spectrum-meter-l-negative-value-text-align: end; - --spectrum-meter-l-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-value-text-transform: none; - --spectrum-meter-l-negative-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-negative-value-text-render: yes; - --spectrum-meter-l-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-negative-value-text-text-transform: none; - --spectrum-meter-l-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-negative-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-negative-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-negative-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-l-notice-overbackground-text-transform: none; - --spectrum-meter-l-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-text-text-transform: none; - --spectrum-meter-l-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-l-notice-overbackground-value-text-alignment: end; - --spectrum-meter-l-notice-overbackground-value-text-align: end; - --spectrum-meter-l-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-value-text-transform: none; - --spectrum-meter-l-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-notice-overbackground-value-text-render: yes; - --spectrum-meter-l-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-l-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-notice-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-l-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-notice-fill-border-radius: 0; - --spectrum-meter-l-notice-text-transform: none; - --spectrum-meter-l-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-text-text-transform: none; - --spectrum-meter-l-notice-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-value-gap-y: 0px; - --spectrum-meter-l-notice-value-text-alignment: end; - --spectrum-meter-l-notice-value-text-align: end; - --spectrum-meter-l-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-value-text-transform: none; - --spectrum-meter-l-notice-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-notice-value-text-render: yes; - --spectrum-meter-l-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-notice-value-text-text-transform: none; - --spectrum-meter-l-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-notice-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-notice-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-notice-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-l-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-l-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-l-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-l-positive-overbackground-text-transform: none; - --spectrum-meter-l-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-text-text-transform: none; - --spectrum-meter-l-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-l-positive-overbackground-value-text-alignment: end; - --spectrum-meter-l-positive-overbackground-value-text-align: end; - --spectrum-meter-l-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-value-text-transform: none; - --spectrum-meter-l-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-positive-overbackground-value-text-render: yes; - --spectrum-meter-l-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-l-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-positive-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-l-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-l-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-l-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-l-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-l-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-l-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-l-positive-fill-border-radius: 0; - --spectrum-meter-l-positive-text-transform: none; - --spectrum-meter-l-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-text-text-transform: none; - --spectrum-meter-l-positive-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-value-gap-y: 0px; - --spectrum-meter-l-positive-value-text-alignment: end; - --spectrum-meter-l-positive-value-text-align: end; - --spectrum-meter-l-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-l-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-value-text-transform: none; - --spectrum-meter-l-positive-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-l-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-l-positive-value-text-render: yes; - --spectrum-meter-l-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-meter-l-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-l-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-l-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-l-positive-value-text-text-transform: none; - --spectrum-meter-l-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-meter-l-positive-height: var(--spectrum-global-dimension-size-100); - --spectrum-meter-l-positive-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-meter-l-positive-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-meter-l-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-l-positive-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-negative-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-negative-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-negative-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-negative-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-negative-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-negative-overbackground-text-transform: none; - --spectrum-meter-xl-negative-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-text-text-transform: none; - --spectrum-meter-xl-negative-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-negative-overbackground-value-text-alignment: end; - --spectrum-meter-xl-negative-overbackground-value-text-align: end; - --spectrum-meter-xl-negative-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-value-text-transform: none; - --spectrum-meter-xl-negative-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-negative-overbackground-value-text-render: yes; - --spectrum-meter-xl-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-negative-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-negative-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-negative-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-negative-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-negative-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-negative-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-negative-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-negative-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-negative-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-negative-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-negative-track-fill-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-meter-xl-negative-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-negative-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-negative-fill-border-radius: 0; - --spectrum-meter-xl-negative-text-transform: none; - --spectrum-meter-xl-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-text-text-transform: none; - --spectrum-meter-xl-negative-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-value-gap-y: 0px; - --spectrum-meter-xl-negative-value-text-alignment: end; - --spectrum-meter-xl-negative-value-text-align: end; - --spectrum-meter-xl-negative-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-negative-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-value-text-transform: none; - --spectrum-meter-xl-negative-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-negative-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-negative-value-text-render: yes; - --spectrum-meter-xl-negative-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-negative-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-negative-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-negative-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-negative-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-negative-value-text-text-transform: none; - --spectrum-meter-xl-negative-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-negative-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-negative-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-negative-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-negative-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-notice-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-notice-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-notice-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-notice-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-notice-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-notice-overbackground-text-transform: none; - --spectrum-meter-xl-notice-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-text-text-transform: none; - --spectrum-meter-xl-notice-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-notice-overbackground-value-text-alignment: end; - --spectrum-meter-xl-notice-overbackground-value-text-align: end; - --spectrum-meter-xl-notice-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-value-text-transform: none; - --spectrum-meter-xl-notice-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-notice-overbackground-value-text-render: yes; - --spectrum-meter-xl-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-notice-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-notice-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-notice-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-notice-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-notice-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-notice-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-notice-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-notice-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-notice-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-notice-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-notice-track-fill-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-meter-xl-notice-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-notice-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-notice-fill-border-radius: 0; - --spectrum-meter-xl-notice-text-transform: none; - --spectrum-meter-xl-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-text-text-transform: none; - --spectrum-meter-xl-notice-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-value-gap-y: 0px; - --spectrum-meter-xl-notice-value-text-alignment: end; - --spectrum-meter-xl-notice-value-text-align: end; - --spectrum-meter-xl-notice-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-notice-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-value-text-transform: none; - --spectrum-meter-xl-notice-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-notice-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-notice-value-text-render: yes; - --spectrum-meter-xl-notice-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-notice-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-notice-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-notice-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-notice-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-notice-value-text-text-transform: none; - --spectrum-meter-xl-notice-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-notice-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-notice-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-notice-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-notice-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-positive-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-meter-xl-positive-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-meter-xl-positive-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-meter-xl-positive-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-positive-overbackground-fill-border-radius: 0; - --spectrum-meter-xl-positive-overbackground-text-transform: none; - --spectrum-meter-xl-positive-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-text-text-transform: none; - --spectrum-meter-xl-positive-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-value-gap-y: 0px; - --spectrum-meter-xl-positive-overbackground-value-text-alignment: end; - --spectrum-meter-xl-positive-overbackground-value-text-align: end; - --spectrum-meter-xl-positive-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-value-text-transform: none; - --spectrum-meter-xl-positive-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-positive-overbackground-value-text-render: yes; - --spectrum-meter-xl-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-positive-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-overbackground-value-text-text-transform: none; - --spectrum-meter-xl-positive-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-positive-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-positive-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-positive-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-meter-xl-positive-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-positive-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-meter-xl-positive-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-positive-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-meter-xl-positive-track-color: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-meter-xl-positive-track-fill-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-meter-xl-positive-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-meter-xl-positive-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-meter-xl-positive-fill-border-radius: 0; - --spectrum-meter-xl-positive-text-transform: none; - --spectrum-meter-xl-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-text-text-transform: none; - --spectrum-meter-xl-positive-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-value-gap-y: 0px; - --spectrum-meter-xl-positive-value-text-alignment: end; - --spectrum-meter-xl-positive-value-text-align: end; - --spectrum-meter-xl-positive-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-meter-xl-positive-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-value-text-transform: none; - --spectrum-meter-xl-positive-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-meter-xl-positive-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-meter-xl-positive-value-text-render: yes; - --spectrum-meter-xl-positive-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-meter-xl-positive-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-meter-xl-positive-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-meter-xl-positive-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-meter-xl-positive-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-meter-xl-positive-value-text-text-transform: none; - --spectrum-meter-xl-positive-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-meter-xl-positive-height: var(--spectrum-global-dimension-size-125); - --spectrum-meter-xl-positive-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-meter-xl-positive-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-meter-xl-positive-duration: var(--spectrum-global-animation-duration-2000); -} diff --git a/components/vars/css/components/spectrum-millercolumn.css b/components/vars/css/components/spectrum-millercolumn.css deleted file mode 100644 index 52347f0dd41..00000000000 --- a/components/vars/css/components/spectrum-millercolumn.css +++ /dev/null @@ -1,86 +0,0 @@ -:root { - --spectrum-millercolumn-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color-selected: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-selected: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-millercolumn-thumbnail-background-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-ui-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-millercolumn-item-label-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-selected-disabled: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-millercolumn-item-label-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-millercolumn-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-ui-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-millercolumn-item-label-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-millercolumn-thumbnail-background-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-millercolumn-thumbnail-background-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-millercolumn-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-millercolumn-item-label-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-millercolumn-item-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-thumbnail-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-millercolumn-thumbnail-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-millercolumn-item-label-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-millercolumn-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-millercolumn-thumbnail-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-millercolumn-item-label-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-millercolumn-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-millercolumn-thumbnail-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-millercolumn-ui-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-millercolumn-ui-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-millercolumn-item-label-padding-left: var(--spectrum-global-dimension-static-size-100); - --spectrum-millercolumn-item-height: var(--spectrum-global-dimension-static-size-500); - --spectrum-millercolumn-item-margin-bottom: var(--spectrum-global-dimension-static-size-50); - --spectrum-millercolumn-item-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-millercolumn-item-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-millercolumn-item-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-millercolumn-thumbnail-width: var(--spectrum-global-dimension-static-size-300); - --spectrum-millercolumn-thumbnail-height: var(--spectrum-global-dimension-static-size-300); - --spectrum-millercolumn-thumbnail-margin-left: var(--spectrum-global-dimension-static-size-100); - --spectrum-millercolumn-width: var(--spectrum-global-dimension-static-size-3400); -} diff --git a/components/vars/css/components/spectrum-opacitycheckerboard.css b/components/vars/css/components/spectrum-opacitycheckerboard.css deleted file mode 100644 index 35a116ec3ca..00000000000 --- a/components/vars/css/components/spectrum-opacitycheckerboard.css +++ /dev/null @@ -1,6 +0,0 @@ -:root { - --spectrum-opacitycheckerboard-box-color-light: var(--spectrum-global-color-static-white); - --spectrum-opacitycheckerboard-box-color-gray: var(--spectrum-global-color-static-gray-400); - --spectrum-opacitycheckerboard-box-height: var(--spectrum-global-dimension-size-100); - --spectrum-opacitycheckerboard-box-width: var(--spectrum-global-dimension-size-100); -} diff --git a/components/vars/css/components/spectrum-pagination.css b/components/vars/css/components/spectrum-pagination.css deleted file mode 100644 index 5dfb09da87f..00000000000 --- a/components/vars/css/components/spectrum-pagination.css +++ /dev/null @@ -1,122 +0,0 @@ -:root { - --spectrum-pagination-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-button-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-button-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-button-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-button-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-button-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-button-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-button-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-button-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-button-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-button-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-button-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-button-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-button-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-button-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-button-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-button-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-explicit-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-explicit-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-explicit-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-explicit-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-explicit-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-explicit-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-explicit-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-explicit-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-explicit-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-explicit-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-explicit-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-explicit-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-explicit-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-explicit-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-explicit-icon-height: var(--spectrum-global-dimension-size-125); - --spectrum-pagination-listing-page-button-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-disabled: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-pagination-listing-page-button-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-down: var(--spectrum-global-color-static-white); - --spectrum-pagination-listing-page-button-background-color-hover: var(--spectrum-alias-background-color-hover-overlay); - --spectrum-pagination-listing-page-button-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-pagination-listing-page-button-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-page-button-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pagination-listing-page-button-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-pagination-listing-textfield-width: var(--spectrum-global-dimension-size-600); - --spectrum-pagination-listing-counter-height: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-listing-counter-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-margin-horizontal: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-border-size: var(--spectrum-global-dimension-size-25); - --spectrum-pagination-listing-page-button-width: var(--spectrum-global-dimension-size-400); - --spectrum-pagination-listing-page-button-margin-left: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-page-button-margin-right: var(--spectrum-global-dimension-size-65); - --spectrum-pagination-listing-direction-button-text-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-listing-direction-button-font-size: var(--spectrum-alias-pill-button-text-size); - --spectrum-pagination-listing-icon-width: var(--spectrum-global-dimension-size-75); - --spectrum-pagination-listing-icon-height: var(--spectrum-global-dimension-size-125); -} diff --git a/components/vars/css/components/spectrum-panel.css b/components/vars/css/components/spectrum-panel.css deleted file mode 100644 index 4b64282a3f3..00000000000 --- a/components/vars/css/components/spectrum-panel.css +++ /dev/null @@ -1,226 +0,0 @@ -:root { - --spectrum-panel-s-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-collapsible-header-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-panel-s-collapsible-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-collapsible-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-header-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-spacious-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-spacious-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-spacious-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-spacious-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-spacious-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-spacious-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-spacious-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-spacious-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-collapsible-header-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-panel-s-spacious-collapsible-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-spacious-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-spacious-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-spacious-collapsible-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-spacious-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-s-spacious-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-s-spacious-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-s-spacious-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-s-spacious-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-s-spacious-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-s-spacious-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-s-spacious-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-s-spacious-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-s-spacious-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-s-spacious-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-s-spacious-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-s-spacious-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-s-spacious-header-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-s-spacious-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-s-spacious-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-s-spacious-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-s-spacious-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-s-spacious-width: var(--spectrum-global-dimension-static-size-3200); - --spectrum-panel-s-spacious-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-s-spacious-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-collapsible-header-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-panel-l-collapsible-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-collapsible-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-header-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-header-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-content-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-spacious-collapsible-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-spacious-collapsible-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-collapsible-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-spacious-collapsible-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-spacious-collapsible-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-spacious-collapsible-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-spacious-collapsible-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-spacious-collapsible-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-spacious-collapsible-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-collapsible-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-collapsible-header-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-panel-l-spacious-collapsible-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-spacious-collapsible-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-collapsible-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-collapsible-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-spacious-collapsible-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-collapsible-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-collapsible-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-spacious-collapsible-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-spacious-collapsible-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-collapsible-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-panel-l-spacious-ui-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-panel-l-spacious-ui-icon-color: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-ui-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-panel-l-spacious-ui-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-panel-l-spacious-ui-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-panel-l-spacious-ui-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-panel-l-spacious-header-text-color: var(--spectrum-global-color-gray-800); - --spectrum-panel-l-spacious-divider-color: var(--spectrum-global-color-gray-300); - --spectrum-panel-l-spacious-border-color: var(--spectrum-alias-appframe-border-color); - --spectrum-panel-l-spacious-background-color: var(--spectrum-alias-toolbar-background-color); - --spectrum-panel-l-spacious-header-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-panel-l-spacious-header-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-panel-l-spacious-header-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-header-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-panel-l-spacious-header-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-header-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-title-margin-right: var(--spectrum-global-dimension-size-200); - --spectrum-panel-l-spacious-content-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-content-padding-bottom: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-content-padding-left: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-content-padding-right: var(--spectrum-global-dimension-size-300); - --spectrum-panel-l-spacious-divider-size: var(--spectrum-global-dimension-size-25); - --spectrum-panel-l-spacious-button-height: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-button-width: var(--spectrum-alias-single-line-height); - --spectrum-panel-l-spacious-ui-icon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-panel-l-spacious-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-panel-l-spacious-padding: var(--spectrum-global-dimension-static-size-0); - --spectrum-panel-l-spacious-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/vars/css/components/spectrum-picker.css b/components/vars/css/components/spectrum-picker.css deleted file mode 100644 index 2201b1a604b..00000000000 --- a/components/vars/css/components/spectrum-picker.css +++ /dev/null @@ -1,4554 +0,0 @@ -:root { - --spectrum-picker-s-quiet-texticon-border-size-error: 0; - --spectrum-picker-s-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-texticon-focusring-render-error: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-s-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-s-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-texticon-border-size: 0; - --spectrum-picker-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-texticon-focusring-render: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-s-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-down: 0; - --spectrum-picker-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-down: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-hover: 0; - --spectrum-picker-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-texticon-text-transform: none; - --spectrum-picker-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-text-render: yes; - --spectrum-picker-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-texticon-text-text-transform: none; - --spectrum-picker-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-type: icon; - --spectrum-picker-s-quiet-texticon-icon-render: yes; - --spectrum-picker-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-texticon-placeholder-render: yes; - --spectrum-picker-s-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-s-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-texticon-focusring-type: focusring; - --spectrum-picker-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-texticon-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-s-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-texticon-focusring-render-error: no; - --spectrum-picker-s-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-focusring-render-error-disabled: no; - --spectrum-picker-s-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-texticon-focusring-render-disabled: no; - --spectrum-picker-s-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-error-down: no; - --spectrum-picker-s-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-error-hover: no; - --spectrum-picker-s-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-s-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-texticon-focusring-render: no; - --spectrum-picker-s-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-down: no; - --spectrum-picker-s-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-hover: no; - --spectrum-picker-s-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-texticon-focusring-render-key-focus: yes; - --spectrum-picker-s-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-s-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-texticon-text-transform: none; - --spectrum-picker-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-text-render: yes; - --spectrum-picker-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-texticon-text-text-transform: none; - --spectrum-picker-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-type: icon; - --spectrum-picker-s-texticon-icon-render: yes; - --spectrum-picker-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-texticon-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-texticon-placeholder-render: yes; - --spectrum-picker-s-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-texticon-placeholder-text-transform: none; - --spectrum-picker-s-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-s-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-texticon-popover-offset-x: 0; - --spectrum-picker-s-texticon-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-texticon-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-texticon-focusring-type: focusring; - --spectrum-picker-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-texticon-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-texticon-affixed-border-radius: 0; - --spectrum-picker-s-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-border-size-error: 0; - --spectrum-picker-s-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textonly-focusring-render-error: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-s-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textonly-border-size: 0; - --spectrum-picker-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textonly-focusring-render: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-s-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-down: 0; - --spectrum-picker-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-down: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-hover: 0; - --spectrum-picker-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textonly-text-transform: none; - --spectrum-picker-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-text-render: yes; - --spectrum-picker-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textonly-text-text-transform: none; - --spectrum-picker-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-type: icon; - --spectrum-picker-s-quiet-textonly-icon-render: no; - --spectrum-picker-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textonly-placeholder-render: yes; - --spectrum-picker-s-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-s-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-textonly-focusring-type: focusring; - --spectrum-picker-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-textonly-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-s-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textonly-focusring-render-error: no; - --spectrum-picker-s-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-focusring-render-error-disabled: no; - --spectrum-picker-s-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textonly-focusring-render-disabled: no; - --spectrum-picker-s-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-error-down: no; - --spectrum-picker-s-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-error-hover: no; - --spectrum-picker-s-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-s-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textonly-focusring-render: no; - --spectrum-picker-s-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-down: no; - --spectrum-picker-s-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-hover: no; - --spectrum-picker-s-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textonly-focusring-render-key-focus: yes; - --spectrum-picker-s-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-s-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textonly-text-transform: none; - --spectrum-picker-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-text-render: yes; - --spectrum-picker-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textonly-text-text-transform: none; - --spectrum-picker-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-type: icon; - --spectrum-picker-s-textonly-icon-render: no; - --spectrum-picker-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-textonly-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textonly-placeholder-render: yes; - --spectrum-picker-s-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textonly-placeholder-text-transform: none; - --spectrum-picker-s-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-s-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-textonly-popover-offset-x: 0; - --spectrum-picker-s-textonly-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textonly-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-textonly-focusring-type: focusring; - --spectrum-picker-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-textonly-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-textonly-affixed-border-radius: 0; - --spectrum-picker-s-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-quiet-textthumbnail-border-size: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-s-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-s-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-s-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-quiet-textthumbnail-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-text-render: yes; - --spectrum-picker-s-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-s-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-s-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-s-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-s-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-s-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-s-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-s-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textthumbnail-focusring-render-error: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-s-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-s-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-s-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-s-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-s-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-s-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-s-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-s-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-s-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-s-textthumbnail-focusring-render: no; - --spectrum-picker-s-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-s-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-s-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-s-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-down: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-s-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-s-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-s-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-hover: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-s-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-s-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-s-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-s-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-s-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-s-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-s-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-s-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-s-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-s-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-s-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-s-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-s-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-s-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-s-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-s-textthumbnail-text-transform: none; - --spectrum-picker-s-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-text-render: yes; - --spectrum-picker-s-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-s-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-s-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textthumbnail-text-text-transform: none; - --spectrum-picker-s-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-type: icon; - --spectrum-picker-s-textthumbnail-icon-render: yes; - --spectrum-picker-s-textthumbnail-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-picker-s-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-picker-s-textthumbnail-placeholder-render: yes; - --spectrum-picker-s-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-s-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-s-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-picker-s-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-s-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-s-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-s-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-s-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-picker-s-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-picker-s-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-picker-s-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-s-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-s-textthumbnail-popover-offset-x: 0; - --spectrum-picker-s-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-1800); - --spectrum-picker-s-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-s-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-s-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-s-textthumbnail-focusring-type: focusring; - --spectrum-picker-s-textthumbnail-gap: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-picker-s-textthumbnail-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-picker-s-textthumbnail-height: var(--spectrum-global-dimension-size-300); - --spectrum-picker-s-textthumbnail-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-picker-s-textthumbnail-width: var(--spectrum-global-dimension-size-2000); - --spectrum-picker-s-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-s-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-s-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-texticon-border-size-error: 0; - --spectrum-picker-m-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-texticon-focusring-render-error: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-m-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-m-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-texticon-border-size: 0; - --spectrum-picker-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-texticon-focusring-render: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-m-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-down: 0; - --spectrum-picker-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-down: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-hover: 0; - --spectrum-picker-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-texticon-text-transform: none; - --spectrum-picker-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-text-render: yes; - --spectrum-picker-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-texticon-text-text-transform: none; - --spectrum-picker-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-type: icon; - --spectrum-picker-m-quiet-texticon-icon-render: yes; - --spectrum-picker-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-texticon-placeholder-render: yes; - --spectrum-picker-m-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-m-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-texticon-focusring-type: focusring; - --spectrum-picker-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-texticon-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-m-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-texticon-focusring-render-error: no; - --spectrum-picker-m-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-focusring-render-error-disabled: no; - --spectrum-picker-m-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-texticon-focusring-render-disabled: no; - --spectrum-picker-m-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-error-down: no; - --spectrum-picker-m-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-error-hover: no; - --spectrum-picker-m-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-m-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-texticon-focusring-render: no; - --spectrum-picker-m-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-down: no; - --spectrum-picker-m-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-hover: no; - --spectrum-picker-m-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-texticon-focusring-render-key-focus: yes; - --spectrum-picker-m-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-m-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-texticon-text-transform: none; - --spectrum-picker-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-text-render: yes; - --spectrum-picker-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-texticon-text-text-transform: none; - --spectrum-picker-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-type: icon; - --spectrum-picker-m-texticon-icon-render: yes; - --spectrum-picker-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-texticon-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-texticon-placeholder-render: yes; - --spectrum-picker-m-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-texticon-placeholder-text-transform: none; - --spectrum-picker-m-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-m-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-texticon-popover-offset-x: 0; - --spectrum-picker-m-texticon-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-texticon-focusring-type: focusring; - --spectrum-picker-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-texticon-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-texticon-affixed-border-radius: 0; - --spectrum-picker-m-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-textonly-border-size-error: 0; - --spectrum-picker-m-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textonly-focusring-render-error: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-m-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textonly-border-size: 0; - --spectrum-picker-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textonly-focusring-render: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-m-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-down: 0; - --spectrum-picker-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-down: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-hover: 0; - --spectrum-picker-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textonly-text-transform: none; - --spectrum-picker-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-text-render: yes; - --spectrum-picker-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textonly-text-text-transform: none; - --spectrum-picker-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-type: icon; - --spectrum-picker-m-quiet-textonly-icon-render: no; - --spectrum-picker-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textonly-placeholder-render: yes; - --spectrum-picker-m-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-m-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-textonly-focusring-type: focusring; - --spectrum-picker-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-textonly-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-m-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textonly-focusring-render-error: no; - --spectrum-picker-m-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-focusring-render-error-disabled: no; - --spectrum-picker-m-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textonly-focusring-render-disabled: no; - --spectrum-picker-m-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-error-down: no; - --spectrum-picker-m-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-error-hover: no; - --spectrum-picker-m-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-m-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textonly-focusring-render: no; - --spectrum-picker-m-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-down: no; - --spectrum-picker-m-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-hover: no; - --spectrum-picker-m-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textonly-focusring-render-key-focus: yes; - --spectrum-picker-m-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-m-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textonly-text-transform: none; - --spectrum-picker-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-text-render: yes; - --spectrum-picker-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textonly-text-text-transform: none; - --spectrum-picker-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-type: icon; - --spectrum-picker-m-textonly-icon-render: no; - --spectrum-picker-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-textonly-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textonly-placeholder-render: yes; - --spectrum-picker-m-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textonly-placeholder-text-transform: none; - --spectrum-picker-m-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-m-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textonly-popover-offset-x: 0; - --spectrum-picker-m-textonly-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-textonly-focusring-type: focusring; - --spectrum-picker-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-textonly-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-textonly-affixed-border-radius: 0; - --spectrum-picker-m-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-quiet-textthumbnail-border-size: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-m-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-m-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-m-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-quiet-textthumbnail-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-text-render: yes; - --spectrum-picker-m-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-m-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-m-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-m-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-m-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-m-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-m-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-m-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-m-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textthumbnail-focusring-render-error: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-m-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-m-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-m-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-m-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-m-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-m-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-m-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-m-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-m-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-m-textthumbnail-focusring-render: no; - --spectrum-picker-m-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-m-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-m-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-m-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-down: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-m-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-m-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-m-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-hover: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-m-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-m-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-m-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-m-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-m-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-m-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-m-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-m-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-m-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-m-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-m-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-m-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-m-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-m-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-m-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-m-textthumbnail-text-transform: none; - --spectrum-picker-m-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-text-render: yes; - --spectrum-picker-m-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-m-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-m-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textthumbnail-text-text-transform: none; - --spectrum-picker-m-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-type: icon; - --spectrum-picker-m-textthumbnail-icon-render: yes; - --spectrum-picker-m-textthumbnail-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-picker-m-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-picker-m-textthumbnail-placeholder-render: yes; - --spectrum-picker-m-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-m-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-m-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-picker-m-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-picker-m-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-m-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-m-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-m-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-m-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-picker-m-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-picker-m-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-m-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-75); - --spectrum-picker-m-textthumbnail-popover-offset-x: 0; - --spectrum-picker-m-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-m-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-m-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-m-textthumbnail-focusring-type: focusring; - --spectrum-picker-m-textthumbnail-gap: var(--spectrum-global-dimension-size-100); - --spectrum-picker-m-textthumbnail-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-picker-m-textthumbnail-height: var(--spectrum-global-dimension-size-400); - --spectrum-picker-m-textthumbnail-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-picker-m-textthumbnail-width: var(--spectrum-global-dimension-size-2400); - --spectrum-picker-m-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-m-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-m-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-texticon-border-size-error: 0; - --spectrum-picker-l-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-texticon-focusring-render-error: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-l-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-l-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-texticon-border-size: 0; - --spectrum-picker-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-texticon-focusring-render: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-l-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-down: 0; - --spectrum-picker-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-down: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-hover: 0; - --spectrum-picker-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-texticon-text-transform: none; - --spectrum-picker-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-text-render: yes; - --spectrum-picker-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-texticon-text-text-transform: none; - --spectrum-picker-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-type: icon; - --spectrum-picker-l-quiet-texticon-icon-render: yes; - --spectrum-picker-l-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-texticon-placeholder-render: yes; - --spectrum-picker-l-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-l-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-texticon-focusring-type: focusring; - --spectrum-picker-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-texticon-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-l-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-texticon-focusring-render-error: no; - --spectrum-picker-l-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-focusring-render-error-disabled: no; - --spectrum-picker-l-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-texticon-focusring-render-disabled: no; - --spectrum-picker-l-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-error-down: no; - --spectrum-picker-l-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-error-hover: no; - --spectrum-picker-l-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-l-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-texticon-focusring-render: no; - --spectrum-picker-l-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-down: no; - --spectrum-picker-l-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-hover: no; - --spectrum-picker-l-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-texticon-focusring-render-key-focus: yes; - --spectrum-picker-l-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-l-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-texticon-text-transform: none; - --spectrum-picker-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-text-render: yes; - --spectrum-picker-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-texticon-text-text-transform: none; - --spectrum-picker-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-type: icon; - --spectrum-picker-l-texticon-icon-render: yes; - --spectrum-picker-l-texticon-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-texticon-placeholder-render: yes; - --spectrum-picker-l-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-texticon-placeholder-text-transform: none; - --spectrum-picker-l-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-l-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-texticon-popover-offset-x: 0; - --spectrum-picker-l-texticon-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-texticon-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-texticon-focusring-type: focusring; - --spectrum-picker-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-picker-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-texticon-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-texticon-affixed-border-radius: 0; - --spectrum-picker-l-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-textonly-border-size-error: 0; - --spectrum-picker-l-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textonly-focusring-render-error: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-l-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textonly-border-size: 0; - --spectrum-picker-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textonly-focusring-render: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-l-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-down: 0; - --spectrum-picker-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-down: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-hover: 0; - --spectrum-picker-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textonly-text-transform: none; - --spectrum-picker-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-text-render: yes; - --spectrum-picker-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textonly-text-text-transform: none; - --spectrum-picker-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-type: icon; - --spectrum-picker-l-quiet-textonly-icon-render: no; - --spectrum-picker-l-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textonly-placeholder-render: yes; - --spectrum-picker-l-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-l-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-textonly-focusring-type: focusring; - --spectrum-picker-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-textonly-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-l-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textonly-focusring-render-error: no; - --spectrum-picker-l-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-focusring-render-error-disabled: no; - --spectrum-picker-l-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textonly-focusring-render-disabled: no; - --spectrum-picker-l-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-error-down: no; - --spectrum-picker-l-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-error-hover: no; - --spectrum-picker-l-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-l-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textonly-focusring-render: no; - --spectrum-picker-l-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-down: no; - --spectrum-picker-l-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-hover: no; - --spectrum-picker-l-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textonly-focusring-render-key-focus: yes; - --spectrum-picker-l-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-l-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textonly-text-transform: none; - --spectrum-picker-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-text-render: yes; - --spectrum-picker-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textonly-text-text-transform: none; - --spectrum-picker-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-type: icon; - --spectrum-picker-l-textonly-icon-render: no; - --spectrum-picker-l-textonly-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textonly-placeholder-render: yes; - --spectrum-picker-l-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textonly-placeholder-text-transform: none; - --spectrum-picker-l-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-l-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-textonly-popover-offset-x: 0; - --spectrum-picker-l-textonly-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textonly-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-textonly-focusring-type: focusring; - --spectrum-picker-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-textonly-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-textonly-affixed-border-radius: 0; - --spectrum-picker-l-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-quiet-textthumbnail-border-size: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-l-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-l-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-l-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-quiet-textthumbnail-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-text-render: yes; - --spectrum-picker-l-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-l-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-l-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-l-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-l-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-l-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-l-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-l-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-l-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textthumbnail-focusring-render-error: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-l-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-l-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-l-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-l-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-l-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-l-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-l-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-l-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-l-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-l-textthumbnail-focusring-render: no; - --spectrum-picker-l-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-l-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-l-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-l-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-down: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-l-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-l-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-l-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-hover: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-l-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-l-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-l-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-l-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-l-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-l-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-l-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-l-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-l-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-l-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-l-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-l-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-l-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-l-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-l-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-l-textthumbnail-text-transform: none; - --spectrum-picker-l-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-text-render: yes; - --spectrum-picker-l-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-l-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-l-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textthumbnail-text-text-transform: none; - --spectrum-picker-l-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-type: icon; - --spectrum-picker-l-textthumbnail-icon-render: yes; - --spectrum-picker-l-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-picker-l-textthumbnail-placeholder-render: yes; - --spectrum-picker-l-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-l-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-l-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-picker-l-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-picker-l-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-l-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-l-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-l-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-l-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-picker-l-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-picker-l-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-l-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-85); - --spectrum-picker-l-textthumbnail-popover-offset-x: 0; - --spectrum-picker-l-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-l-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-l-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-l-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-l-textthumbnail-focusring-type: focusring; - --spectrum-picker-l-textthumbnail-gap: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-picker-l-textthumbnail-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-picker-l-textthumbnail-height: var(--spectrum-global-dimension-size-500); - --spectrum-picker-l-textthumbnail-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-picker-l-textthumbnail-width: var(--spectrum-global-dimension-size-2500); - --spectrum-picker-l-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-l-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-l-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-texticon-border-size-error: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-texticon-focusring-render-error: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-disabled: 0; - --spectrum-picker-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-texticon-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-error-down: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-texticon-border-size: 0; - --spectrum-picker-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-texticon-focusring-render: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size: 0; - --spectrum-picker-xl-quiet-texticon-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-down: 0; - --spectrum-picker-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-down: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-hover: 0; - --spectrum-picker-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-hover: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-texticon-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-texticon-text-transform: none; - --spectrum-picker-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-text-render: yes; - --spectrum-picker-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-texticon-text-text-transform: none; - --spectrum-picker-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-type: icon; - --spectrum-picker-xl-quiet-texticon-icon-render: yes; - --spectrum-picker-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-texticon-placeholder-render: yes; - --spectrum-picker-xl-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-texticon-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-texticon-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-texticon-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-texticon-focusring-type: focusring; - --spectrum-picker-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-texticon-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-texticon-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-texticon-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-texticon-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-texticon-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-texticon-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-texticon-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-texticon-focusring-render-error: no; - --spectrum-picker-xl-texticon-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-texticon-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-texticon-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-texticon-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-focusring-render-error-disabled: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-texticon-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-texticon-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-texticon-focusring-render-disabled: no; - --spectrum-picker-xl-texticon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-texticon-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-texticon-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-texticon-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-error-down: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-texticon-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-texticon-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-texticon-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-texticon-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-error-hover: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-texticon-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-texticon-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-texticon-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-texticon-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-texticon-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-texticon-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-texticon-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-texticon-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-texticon-focusring-render: no; - --spectrum-picker-xl-texticon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-texticon-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-down: no; - --spectrum-picker-xl-texticon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-texticon-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-hover: no; - --spectrum-picker-xl-texticon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-texticon-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-texticon-focusring-render-key-focus: yes; - --spectrum-picker-xl-texticon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-texticon-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-texticon-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-texticon-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-texticon-focusring-render-mouse-focus: no; - --spectrum-picker-xl-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-texticon-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-texticon-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-texticon-text-transform: none; - --spectrum-picker-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-text-render: yes; - --spectrum-picker-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-texticon-text-text-transform: none; - --spectrum-picker-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-type: icon; - --spectrum-picker-xl-texticon-icon-render: yes; - --spectrum-picker-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-texticon-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-texticon-placeholder-render: yes; - --spectrum-picker-xl-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-texticon-placeholder-text-transform: none; - --spectrum-picker-xl-texticon-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-texticon-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-texticon-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-texticon-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-texticon-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-texticon-ui-icon-rotate: 90deg; - --spectrum-picker-xl-texticon-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-texticon-popover-offset-x: 0; - --spectrum-picker-xl-texticon-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-texticon-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-texticon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-texticon-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-texticon-focusring-type: focusring; - --spectrum-picker-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-texticon-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-texticon-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-texticon-affixed-border-radius: 0; - --spectrum-picker-xl-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-textonly-border-size-error: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textonly-focusring-render-error: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textonly-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textonly-border-size: 0; - --spectrum-picker-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textonly-focusring-render: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size: 0; - --spectrum-picker-xl-quiet-textonly-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-down: 0; - --spectrum-picker-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-down: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-hover: 0; - --spectrum-picker-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-hover: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textonly-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textonly-text-transform: none; - --spectrum-picker-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-text-render: yes; - --spectrum-picker-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textonly-text-text-transform: none; - --spectrum-picker-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-type: icon; - --spectrum-picker-xl-quiet-textonly-icon-render: no; - --spectrum-picker-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textonly-placeholder-render: yes; - --spectrum-picker-xl-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textonly-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textonly-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textonly-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-textonly-focusring-type: focusring; - --spectrum-picker-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-textonly-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-textonly-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-textonly-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-textonly-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textonly-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textonly-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textonly-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textonly-focusring-render-error: no; - --spectrum-picker-xl-textonly-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-textonly-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textonly-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textonly-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-focusring-render-error-disabled: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textonly-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textonly-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textonly-focusring-render-disabled: no; - --spectrum-picker-xl-textonly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textonly-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textonly-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textonly-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-error-down: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-textonly-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textonly-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textonly-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textonly-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-error-hover: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textonly-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textonly-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textonly-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-textonly-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textonly-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textonly-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textonly-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textonly-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textonly-focusring-render: no; - --spectrum-picker-xl-textonly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-textonly-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-down: no; - --spectrum-picker-xl-textonly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-textonly-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-hover: no; - --spectrum-picker-xl-textonly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-textonly-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textonly-focusring-render-key-focus: yes; - --spectrum-picker-xl-textonly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textonly-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-textonly-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textonly-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textonly-focusring-render-mouse-focus: no; - --spectrum-picker-xl-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-textonly-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textonly-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textonly-text-transform: none; - --spectrum-picker-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-text-render: yes; - --spectrum-picker-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textonly-text-text-transform: none; - --spectrum-picker-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-type: icon; - --spectrum-picker-xl-textonly-icon-render: no; - --spectrum-picker-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-textonly-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textonly-placeholder-render: yes; - --spectrum-picker-xl-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textonly-placeholder-text-transform: none; - --spectrum-picker-xl-textonly-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textonly-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textonly-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textonly-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textonly-ui-icon-rotate: 90deg; - --spectrum-picker-xl-textonly-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-textonly-popover-offset-x: 0; - --spectrum-picker-xl-textonly-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textonly-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textonly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-textonly-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-textonly-focusring-type: focusring; - --spectrum-picker-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-textonly-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-textonly-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-textonly-affixed-border-radius: 0; - --spectrum-picker-xl-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-disabled: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-quiet-disabled); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-error-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-quiet-textthumbnail-border-size: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-quiet-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-down: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-quiet-down); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-down: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-hover: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-hover: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-quiet-hover); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-quiet-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-key-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-quiet-key-focus); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-quiet-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-size-mouse-focus: 0; - --spectrum-picker-xl-quiet-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-picker-xl-quiet-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-quiet-textthumbnail-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-text-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-quiet-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-quiet-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textthumbnail-text-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-type: icon; - --spectrum-picker-xl-quiet-textthumbnail-icon-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-quiet-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-render: yes; - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-quiet-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-xl-quiet-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-quiet-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-xl-quiet-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-quiet-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-quiet-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-quiet-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-quiet-textthumbnail-focusring-type: focusring; - --spectrum-picker-xl-quiet-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-quiet-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-quiet-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-quiet-textthumbnail-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-quiet-textthumbnail-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-quiet-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius-quiet); - --spectrum-picker-xl-quiet-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-xl-quiet-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-picker-xl-textthumbnail-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-error: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textthumbnail-icon-color-error: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textthumbnail-placeholder-color-error: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textthumbnail-focusring-render-error: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-error: var(--spectrum-semantic-negative-color-default); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textthumbnail-icon-color-error-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-focusring-render-error-disabled: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-error-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-picker-xl-textthumbnail-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-picker-xl-textthumbnail-focusring-render-disabled: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-disabled: var(--spectrum-alias-component-border-color-disabled); - --spectrum-picker-xl-textthumbnail-affixed-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-picker-xl-textthumbnail-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-error-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textthumbnail-icon-color-error-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-error-down: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-error-down: var(--spectrum-semantic-negative-color-down); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-error-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textthumbnail-icon-color-error-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-error-hover: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-text-color-error-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textthumbnail-icon-color-error-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-error-key-focus: yes; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textthumbnail-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-background-color-error-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-icon-color-error-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-error-mouse-focus: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-error-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-picker-xl-textthumbnail-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-picker-xl-textthumbnail-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-picker-xl-textthumbnail-placeholder-text-color: var(--spectrum-alias-placeholder-text-color); - --spectrum-picker-xl-textthumbnail-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-picker-xl-textthumbnail-focusring-render: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-picker-xl-textthumbnail-affixed-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-picker-xl-textthumbnail-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-down: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-down: var(--spectrum-alias-component-border-color-down); - --spectrum-picker-xl-textthumbnail-affixed-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-picker-xl-textthumbnail-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-picker-xl-textthumbnail-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-hover: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-hover: var(--spectrum-alias-component-border-color-hover); - --spectrum-picker-xl-textthumbnail-affixed-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-picker-xl-textthumbnail-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-picker-xl-textthumbnail-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-picker-xl-textthumbnail-focusring-render-key-focus: yes; - --spectrum-picker-xl-textthumbnail-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-picker-xl-textthumbnail-border-color-key-focus: var(--spectrum-alias-component-border-color-key-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-picker-xl-textthumbnail-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-picker-xl-textthumbnail-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-picker-xl-textthumbnail-focusring-render-mouse-focus: no; - --spectrum-picker-xl-textthumbnail-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-picker-xl-textthumbnail-affixed-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-picker-xl-textthumbnail-background-color-mouse-focus: var(--spectrum-alias-component-background-color-default); - --spectrum-picker-xl-textthumbnail-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-picker-xl-textthumbnail-text-transform: none; - --spectrum-picker-xl-textthumbnail-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-text-render: yes; - --spectrum-picker-xl-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textthumbnail-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textthumbnail-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-picker-xl-textthumbnail-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-picker-xl-textthumbnail-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textthumbnail-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textthumbnail-text-text-transform: none; - --spectrum-picker-xl-textthumbnail-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-type: icon; - --spectrum-picker-xl-textthumbnail-icon-render: yes; - --spectrum-picker-xl-textthumbnail-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-picker-xl-textthumbnail-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-thumbnail-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-thumbnail-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-thumbnail-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-picker-xl-textthumbnail-placeholder-render: yes; - --spectrum-picker-xl-textthumbnail-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-picker-xl-textthumbnail-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-picker-xl-textthumbnail-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-picker-xl-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-picker-xl-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-picker-xl-textthumbnail-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-picker-xl-textthumbnail-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-picker-xl-textthumbnail-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-picker-xl-textthumbnail-placeholder-text-transform: none; - --spectrum-picker-xl-textthumbnail-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textthumbnail-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-picker-xl-textthumbnail-error-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textthumbnail-ui-icon-height: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textthumbnail-ui-icon-width: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-picker-xl-textthumbnail-ui-icon-rotate: 90deg; - --spectrum-picker-xl-textthumbnail-ui-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-popover-offset-y: var(--spectrum-global-dimension-size-100); - --spectrum-picker-xl-textthumbnail-popover-offset-x: 0; - --spectrum-picker-xl-textthumbnail-popover-max-height: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textthumbnail-popover-max-width: var(--spectrum-global-dimension-size-3600); - --spectrum-picker-xl-textthumbnail-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-picker-xl-textthumbnail-focusring-border-width: var(--spectrum-alias-focus-ring-size-small); - --spectrum-picker-xl-textthumbnail-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-picker-xl-textthumbnail-focusring-type: focusring; - --spectrum-picker-xl-textthumbnail-gap: var(--spectrum-global-dimension-size-125); - --spectrum-picker-xl-textthumbnail-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-picker-xl-textthumbnail-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-picker-xl-textthumbnail-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-xl-textthumbnail-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-picker-xl-textthumbnail-width: var(--spectrum-global-dimension-size-3000); - --spectrum-picker-xl-textthumbnail-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-picker-xl-textthumbnail-affixed-border-radius: 0; - --spectrum-picker-xl-textthumbnail-cursor-hit-x: var(--spectrum-global-dimension-size-50); -} diff --git a/components/vars/css/components/spectrum-pickerbutton.css b/components/vars/css/components/spectrum-pickerbutton.css deleted file mode 100644 index 8691cfbe1d2..00000000000 --- a/components/vars/css/components/spectrum-pickerbutton.css +++ /dev/null @@ -1,2630 +0,0 @@ -:root { - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-s-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-s-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-pickerbutton-s-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-pickerbutton-s-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-s-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-icononly-fill-layout: row; - --spectrum-pickerbutton-s-left-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-s-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-icononly-fill-layout: row; - --spectrum-pickerbutton-s-right-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-s-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-s-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-s-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-s-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-s-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-s-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-s-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-s-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-s-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-s-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-s-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-s-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-s-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-s-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s); - --spectrum-pickerbutton-s-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-pickerbutton-s-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-s-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-icononly-fill-layout: row; - --spectrum-pickerbutton-s-none-icononly-fill-gap: var(--spectrum-global-dimension-size-75); - --spectrum-pickerbutton-s-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-50); - --spectrum-pickerbutton-s-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-pickerbutton-s-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-s-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-s-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-s-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-s-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-m-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-m-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-m-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-m-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-m-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-icononly-fill-layout: row; - --spectrum-pickerbutton-m-left-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-m-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-icononly-fill-layout: row; - --spectrum-pickerbutton-m-right-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-m-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-m-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-m-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-m-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-m-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-m-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-m-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-m-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-m-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-m-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-m-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-m-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-m-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-m-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m); - --spectrum-pickerbutton-m-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-pickerbutton-m-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-m-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-icononly-fill-layout: row; - --spectrum-pickerbutton-m-none-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-m-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-pickerbutton-m-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-m-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-m-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-m-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-pickerbutton-m-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-l-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-l-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-pickerbutton-l-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-l-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-icononly-fill-layout: row; - --spectrum-pickerbutton-l-left-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-l-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-icononly-fill-layout: row; - --spectrum-pickerbutton-l-right-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-l-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-l-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-l-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-l-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-l-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-l-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-l-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-l-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-l-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-l-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-l-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-l-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-l-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-l-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l); - --spectrum-pickerbutton-l-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-pickerbutton-l-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-l-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-icononly-fill-layout: row; - --spectrum-pickerbutton-l-none-icononly-fill-gap: var(--spectrum-global-dimension-size-65); - --spectrum-pickerbutton-l-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-125); - --spectrum-pickerbutton-l-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-pickerbutton-l-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-l-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-l-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-l-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-pickerbutton-l-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-left-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-left-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-left-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-left-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-right-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-right-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-right-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-right-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-render: yes; - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-textuiicon-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-textuiicon-fill-width: auto; - --spectrum-pickerbutton-xl-none-textuiicon-fill-layout: row; - --spectrum-pickerbutton-xl-none-textuiicon-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-textuiicon-fill-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-pickerbutton-xl-none-textuiicon-fill-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-pickerbutton-xl-none-textuiicon-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-textuiicon-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-textuiicon-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-textuiicon-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-left-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-right-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-render: no; - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-uiicononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-render: yes; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-uiicononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-layout: row; - --spectrum-pickerbutton-xl-none-uiicononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-uiicononly-fill-padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-uiicononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-uiicononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-uiicononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-left-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-left-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-left-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-left-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-left-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-left-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-left-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-left-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-left-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-left-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-left-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-left-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-left-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-left-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-left-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-left-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-left-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-left-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-left-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-left-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-left-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-left-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-right-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-right-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-right-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-right-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-right-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-right-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-right-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-right-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-right-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-right-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-right-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-pickerbutton-xl-right-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-right-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-right-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-right-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-right-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-right-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-right-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-right-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-right-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-right-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-right-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled); - --spectrum-pickerbutton-xl-none-icononly-focusring-render-disabled: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-down: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-down: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-hover: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-hover: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-key-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-key-focus: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-key-focus: yes; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-pickerbutton-xl-none-icononly-fill-label-color-mouse-focus: var(--spectrum-alias-component-text-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default); - --spectrum-pickerbutton-xl-none-icononly-fill-border-color-mouse-focus: transparent; - --spectrum-pickerbutton-xl-none-icononly-focusring-render-mouse-focus: no; - --spectrum-pickerbutton-xl-none-icononly-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-pickerbutton-xl-none-icononly-fill-label-padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-label-render: no; - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-style: var(--spectrum-global-font-style-regular); - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-pickerbutton-xl-none-icononly-fill-label-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-pickerbutton-xl-none-icononly-fill-label-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-pickerbutton-xl-none-icononly-fill-label-text-transform: none; - --spectrum-pickerbutton-xl-none-icononly-fill-label-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-type: ui-icon; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-render: no; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-rotate: 90deg; - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-400); - --spectrum-pickerbutton-xl-none-icononly-fill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-pickerbutton-xl-none-icononly-fill-width: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-layout: row; - --spectrum-pickerbutton-xl-none-icononly-fill-gap: var(--spectrum-global-dimension-size-85); - --spectrum-pickerbutton-xl-none-icononly-fill-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-none-icononly-fill-padding-right: var(--spectrum-global-dimension-size-160); - --spectrum-pickerbutton-xl-none-icononly-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-pickerbutton-xl-none-icononly-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-pickerbutton-xl-none-icononly-focusring-type: focusring; - --spectrum-pickerbutton-xl-none-icononly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-pickerbutton-xl-none-icononly-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-pickerbutton-xl-none-icononly-padding: var(--spectrum-alias-infieldbutton-padding-xl); -} diff --git a/components/vars/css/components/spectrum-popover.css b/components/vars/css/components/spectrum-popover.css deleted file mode 100644 index 6dd81aa636f..00000000000 --- a/components/vars/css/components/spectrum-popover.css +++ /dev/null @@ -1,17 +0,0 @@ -:root { - --spectrum-popover-border-color: var(--spectrum-alias-border-color-dark); - --spectrum-popover-background-color: var(--spectrum-global-color-gray-50); - --spectrum-popover-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-popover-tip-width: var(--spectrum-global-dimension-size-250); - --spectrum-popover-tip-height: var(--spectrum-global-dimension-size-125); - --spectrum-popover-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-popover-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-popover-padding-x: 0px; - --spectrum-popover-padding-y: var(--spectrum-global-dimension-size-50); - --spectrum-popover-source-gap: var(--spectrum-global-dimension-size-75); - --spectrum-popover-min-width: var(--spectrum-global-dimension-size-400); - --spectrum-popover-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-popover-elevation: 2dp; - --spectrum-popover-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-popover-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); -} diff --git a/components/vars/css/components/spectrum-progressbar.css b/components/vars/css/components/spectrum-progressbar.css deleted file mode 100644 index 34101b97e94..00000000000 --- a/components/vars/css/components/spectrum-progressbar.css +++ /dev/null @@ -1,958 +0,0 @@ -:root { - --spectrum-progressbar-s-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-s-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-s-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-s-indeterminate-text-transform: none; - --spectrum-progressbar-s-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-s-indeterminate-value-text-alignment: end; - --spectrum-progressbar-s-indeterminate-value-text-align: end; - --spectrum-progressbar-s-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-value-text-transform: none; - --spectrum-progressbar-s-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-indeterminate-value-text-render: yes; - --spectrum-progressbar-s-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-s-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-indeterminate-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-indeterminate-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-s-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-s-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-s-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-overbackground-fill-border-radius: 0; - --spectrum-progressbar-s-overbackground-text-transform: none; - --spectrum-progressbar-s-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-text-text-transform: none; - --spectrum-progressbar-s-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-value-gap-y: 0px; - --spectrum-progressbar-s-overbackground-value-text-alignment: end; - --spectrum-progressbar-s-overbackground-value-text-align: end; - --spectrum-progressbar-s-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-value-text-transform: none; - --spectrum-progressbar-s-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-overbackground-value-text-render: yes; - --spectrum-progressbar-s-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-overbackground-value-text-text-transform: none; - --spectrum-progressbar-s-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-overbackground-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-s-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-s-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-s-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-s-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-s-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-s-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-s-fill-border-radius: 0; - --spectrum-progressbar-s-text-transform: none; - --spectrum-progressbar-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-text-text-transform: none; - --spectrum-progressbar-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-value-gap-y: 0px; - --spectrum-progressbar-s-value-text-alignment: end; - --spectrum-progressbar-s-value-text-align: end; - --spectrum-progressbar-s-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-s-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-value-text-transform: none; - --spectrum-progressbar-s-value-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-s-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-s-value-text-render: yes; - --spectrum-progressbar-s-value-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-s-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-s-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-s-value-text-text-transform: none; - --spectrum-progressbar-s-value-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-progressbar-s-height: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-s-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-s-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-s-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-s-animation-fill-offset-start: -70%; - --spectrum-progressbar-s-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-m-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-m-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-m-indeterminate-text-transform: none; - --spectrum-progressbar-m-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-m-indeterminate-value-text-alignment: end; - --spectrum-progressbar-m-indeterminate-value-text-align: end; - --spectrum-progressbar-m-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-value-text-transform: none; - --spectrum-progressbar-m-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-indeterminate-value-text-render: yes; - --spectrum-progressbar-m-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-m-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-indeterminate-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-indeterminate-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-m-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-m-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-m-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-overbackground-fill-border-radius: 0; - --spectrum-progressbar-m-overbackground-text-transform: none; - --spectrum-progressbar-m-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-text-text-transform: none; - --spectrum-progressbar-m-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-value-gap-y: 0px; - --spectrum-progressbar-m-overbackground-value-text-alignment: end; - --spectrum-progressbar-m-overbackground-value-text-align: end; - --spectrum-progressbar-m-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-value-text-transform: none; - --spectrum-progressbar-m-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-overbackground-value-text-render: yes; - --spectrum-progressbar-m-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-overbackground-value-text-text-transform: none; - --spectrum-progressbar-m-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-overbackground-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-overbackground-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-m-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-m-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-m-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-m-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-m-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-m-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-m-fill-border-radius: 0; - --spectrum-progressbar-m-text-transform: none; - --spectrum-progressbar-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-text-text-transform: none; - --spectrum-progressbar-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-value-gap-y: 0px; - --spectrum-progressbar-m-value-text-alignment: end; - --spectrum-progressbar-m-value-text-align: end; - --spectrum-progressbar-m-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-m-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-value-text-transform: none; - --spectrum-progressbar-m-value-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-m-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-m-value-text-render: yes; - --spectrum-progressbar-m-value-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-value-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-m-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-m-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-m-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-m-value-text-text-transform: none; - --spectrum-progressbar-m-value-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-progressbar-m-height: var(--spectrum-global-dimension-size-75); - --spectrum-progressbar-m-width: var(--spectrum-global-dimension-static-size-2400); - --spectrum-progressbar-m-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-m-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-m-animation-fill-offset-start: -70%; - --spectrum-progressbar-m-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-l-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-l-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-l-indeterminate-text-transform: none; - --spectrum-progressbar-l-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-l-indeterminate-value-text-alignment: end; - --spectrum-progressbar-l-indeterminate-value-text-align: end; - --spectrum-progressbar-l-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-value-text-transform: none; - --spectrum-progressbar-l-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-indeterminate-value-text-render: yes; - --spectrum-progressbar-l-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-l-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-indeterminate-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-indeterminate-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-indeterminate-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-l-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-l-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-l-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-overbackground-fill-border-radius: 0; - --spectrum-progressbar-l-overbackground-text-transform: none; - --spectrum-progressbar-l-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-text-text-transform: none; - --spectrum-progressbar-l-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-value-gap-y: 0px; - --spectrum-progressbar-l-overbackground-value-text-alignment: end; - --spectrum-progressbar-l-overbackground-value-text-align: end; - --spectrum-progressbar-l-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-value-text-transform: none; - --spectrum-progressbar-l-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-overbackground-value-text-render: yes; - --spectrum-progressbar-l-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-overbackground-value-text-text-transform: none; - --spectrum-progressbar-l-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-overbackground-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-overbackground-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-overbackground-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-l-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-l-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-l-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-l-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-l-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-l-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-l-fill-border-radius: 0; - --spectrum-progressbar-l-text-transform: none; - --spectrum-progressbar-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-text-text-transform: none; - --spectrum-progressbar-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-value-gap-y: 0px; - --spectrum-progressbar-l-value-text-alignment: end; - --spectrum-progressbar-l-value-text-align: end; - --spectrum-progressbar-l-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-l-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-value-text-transform: none; - --spectrum-progressbar-l-value-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-l-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-l-value-text-render: yes; - --spectrum-progressbar-l-value-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-progressbar-l-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-l-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-l-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-l-value-text-text-transform: none; - --spectrum-progressbar-l-value-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-progressbar-l-height: var(--spectrum-global-dimension-size-100); - --spectrum-progressbar-l-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-progressbar-l-width: var(--spectrum-global-dimension-static-size-2500); - --spectrum-progressbar-l-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-l-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-l-animation-fill-offset-start: -70%; - --spectrum-progressbar-l-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-indeterminate-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-indeterminate-overbackground-fill-border-radius: 0; - --spectrum-progressbar-xl-indeterminate-overbackground-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-value-gap-y: 0px; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-alignment: end; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-align: end; - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-render: yes; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-indeterminate-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-indeterminate-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-indeterminate-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-indeterminate-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-indeterminate-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-indeterminate-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-indeterminate-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-indeterminate-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-indeterminate-fill-border-radius: 0; - --spectrum-progressbar-xl-indeterminate-text-transform: none; - --spectrum-progressbar-xl-indeterminate-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-value-gap-y: 0px; - --spectrum-progressbar-xl-indeterminate-value-text-alignment: end; - --spectrum-progressbar-xl-indeterminate-value-text-align: end; - --spectrum-progressbar-xl-indeterminate-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-indeterminate-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-value-text-transform: none; - --spectrum-progressbar-xl-indeterminate-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-indeterminate-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-indeterminate-value-text-render: yes; - --spectrum-progressbar-xl-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-indeterminate-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-indeterminate-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-indeterminate-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-indeterminate-value-text-text-transform: none; - --spectrum-progressbar-xl-indeterminate-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-indeterminate-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-indeterminate-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-indeterminate-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-indeterminate-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-indeterminate-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-indeterminate-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-overbackground-value-text-text-color-disabled: var(--spectrum-alias-text-color-overbackground-disabled); - --spectrum-progressbar-xl-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-down: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-hover: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-key-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progressbar-xl-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color-overbackground); - --spectrum-progressbar-xl-overbackground-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-overbackground-fill-border-radius: 0; - --spectrum-progressbar-xl-overbackground-text-transform: none; - --spectrum-progressbar-xl-overbackground-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-overbackground-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-text-text-transform: none; - --spectrum-progressbar-xl-overbackground-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-value-gap-y: 0px; - --spectrum-progressbar-xl-overbackground-value-text-alignment: end; - --spectrum-progressbar-xl-overbackground-value-text-align: end; - --spectrum-progressbar-xl-overbackground-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-overbackground-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-value-text-transform: none; - --spectrum-progressbar-xl-overbackground-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-overbackground-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-overbackground-value-text-render: yes; - --spectrum-progressbar-xl-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-overbackground-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-overbackground-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-overbackground-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-overbackground-value-text-text-transform: none; - --spectrum-progressbar-xl-overbackground-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-overbackground-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-overbackground-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-overbackground-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-overbackground-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-overbackground-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-overbackground-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); - --spectrum-progressbar-xl-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progressbar-xl-value-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-value-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-progressbar-xl-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-down: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progressbar-xl-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progressbar-xl-value-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-value-text-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-progressbar-xl-fill-width: var(--spectrum-global-dimension-static-percent-70); - --spectrum-progressbar-xl-fill-border-radius: 0; - --spectrum-progressbar-xl-text-transform: none; - --spectrum-progressbar-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-text-text-transform: none; - --spectrum-progressbar-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-value-gap-y: 0px; - --spectrum-progressbar-xl-value-text-alignment: end; - --spectrum-progressbar-xl-value-text-align: end; - --spectrum-progressbar-xl-value-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-value-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-value-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-progressbar-xl-value-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-value-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-value-text-transform: none; - --spectrum-progressbar-xl-value-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-value-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-progressbar-xl-value-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-progressbar-xl-value-text-render: yes; - --spectrum-progressbar-xl-value-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-progressbar-xl-value-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-progressbar-xl-value-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-progressbar-xl-value-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-progressbar-xl-value-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-progressbar-xl-value-text-text-transform: none; - --spectrum-progressbar-xl-value-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-progressbar-xl-height: var(--spectrum-global-dimension-size-125); - --spectrum-progressbar-xl-width: var(--spectrum-global-dimension-static-size-2800); - --spectrum-progressbar-xl-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progressbar-xl-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progressbar-xl-animation-fill-offset-start: -70%; - --spectrum-progressbar-xl-animation-fill-offset-end: var(--spectrum-global-dimension-static-percent-100); -} diff --git a/components/vars/css/components/spectrum-progresscircle.css b/components/vars/css/components/spectrum-progresscircle.css deleted file mode 100644 index cb6fbf24714..00000000000 --- a/components/vars/css/components/spectrum-progresscircle.css +++ /dev/null @@ -1,198 +0,0 @@ -:root { - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-indeterminate-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-s-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-s-overbackground-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-overbackground-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-s-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-s-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-s-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-s-width: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-height: var(--spectrum-global-dimension-size-200); - --spectrum-progresscircle-s-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-s-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-indeterminate-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-m-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-m-overbackground-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-overbackground-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-m-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-m-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-m-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-m-width: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-progresscircle-m-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-m-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-indeterminate-overbackground-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-overbackground-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-indeterminate-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-indeterminate-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-indeterminate-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-indeterminate-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-indeterminate-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-indeterminate-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-indeterminate-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-indeterminate-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-indeterminate-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-indeterminate-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-overbackground-track-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-disabled: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-down: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-down: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-hover: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-hover: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-key-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-key-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-color-mouse-focus: var(--spectrum-alias-track-color-overbackground); - --spectrum-progresscircle-l-overbackground-track-fill-color-mouse-focus: var(--spectrum-alias-track-fill-color-overbackground); - --spectrum-progresscircle-l-overbackground-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-overbackground-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-overbackground-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-overbackground-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-overbackground-spin-animation-duration: var(--spectrum-global-animation-duration-2000); - --spectrum-progresscircle-l-track-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-track-fill-color-disabled: var(--spectrum-alias-track-color-disabled); - --spectrum-progresscircle-l-track-color: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-down: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-down: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-hover: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-hover: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-key-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-key-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-track-color-mouse-focus: var(--spectrum-alias-track-color-default); - --spectrum-progresscircle-l-track-fill-color-mouse-focus: var(--spectrum-semantic-informative-color-default); - --spectrum-progresscircle-l-width: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-height: var(--spectrum-global-dimension-size-800); - --spectrum-progresscircle-l-border-size: var(--spectrum-global-dimension-size-50); - --spectrum-progresscircle-l-spin-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-progresscircle-l-spin-animation-duration: var(--spectrum-global-animation-duration-2000); -} diff --git a/components/vars/css/components/spectrum-quickactions.css b/components/vars/css/components/spectrum-quickactions.css deleted file mode 100644 index 2b21f2a69ad..00000000000 --- a/components/vars/css/components/spectrum-quickactions.css +++ /dev/null @@ -1,24 +0,0 @@ -:root { - --spectrum-quickactions-overlay-color: var(--spectrum-alias-background-color-quickactions-overlay); - --spectrum-quickactions-background-color: var(--spectrum-alias-background-color-quickactions); - --spectrum-quickactions-shadow-color: var(--spectrum-alias-dropshadow-color); - --spectrum-quickactions-button-gap-y: var(--spectrum-global-dimension-size-100); - --spectrum-quickactions-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-quickactions-text-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-text-button-gap-x: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-height: var(--spectrum-global-dimension-size-500); - --spectrum-quickactions-padding-x: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-padding-y: var(--spectrum-global-dimension-size-50); - --spectrum-quickactions-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-quickactions-elevation: 2dp; - --spectrum-quickactions-shadow-blur: var(--spectrum-alias-dropshadow-blur); - --spectrum-quickactions-shadow-offset-y: var(--spectrum-alias-dropshadow-offset-y); - --spectrum-quickactions-entry-animation-delay: 0ms; - --spectrum-quickactions-entry-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-quickactions-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-quickactions-entry-animation-properties: opacity; - --spectrum-quickactions-exit-animation-delay: 0ms; - --spectrum-quickactions-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-quickactions-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-quickactions-exit-animation-properties: opacity; -} diff --git a/components/vars/css/components/spectrum-radio.css b/components/vars/css/components/spectrum-radio.css deleted file mode 100644 index 2c4cebc657b..00000000000 --- a/components/vars/css/components/spectrum-radio.css +++ /dev/null @@ -1,1454 +0,0 @@ -:root { - --spectrum-radio-s-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render: no; - --spectrum-radio-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-down: no; - --spectrum-radio-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-hover: no; - --spectrum-radio-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-emphasized-circle-margin-top: 0; - --spectrum-radio-s-emphasized-circle-margin-bottom: 0; - --spectrum-radio-s-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-s-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-width: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-height: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-radio-s-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-emphasized-text-transform: none; - --spectrum-radio-s-emphasized-text-render: yes; - --spectrum-radio-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-s-emphasized-text-text-transform: none; - --spectrum-radio-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-emphasized-focus-ring-type: focusring; - --spectrum-radio-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-radio-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-radio-s-emphasized-margin-bottom: 0px; - --spectrum-radio-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected: no; - --spectrum-radio-s-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-s-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-down: no; - --spectrum-radio-s-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-hover: no; - --spectrum-radio-s-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-s-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error: no; - --spectrum-radio-s-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-disabled: no; - --spectrum-radio-s-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-s-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-s-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-down: no; - --spectrum-radio-s-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-s-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-hover: no; - --spectrum-radio-s-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-s-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-s-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-error-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-s-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-s-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected: no; - --spectrum-radio-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-disabled: no; - --spectrum-radio-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-down: no; - --spectrum-radio-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-hover: no; - --spectrum-radio-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-disabled: no; - --spectrum-radio-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render: no; - --spectrum-radio-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-down: no; - --spectrum-radio-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-hover: no; - --spectrum-radio-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-focus-ring-render-key-focus: yes; - --spectrum-radio-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-s-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-focus-ring-render-mouse-focus: no; - --spectrum-radio-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-s-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-s-circle-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-circle-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-radio-s-circle-margin-top: 0; - --spectrum-radio-s-circle-margin-bottom: 0; - --spectrum-radio-s-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-circle-dot-border-radius: 100%; - --spectrum-radio-s-circle-diameter: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-width: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-height: var(--spectrum-alias-control-two-size-s); - --spectrum-radio-s-circle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-radio-s-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-s-text-transform: none; - --spectrum-radio-s-text-render: yes; - --spectrum-radio-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-s-text-text-transform: none; - --spectrum-radio-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-radio-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-focus-ring-type: focusring; - --spectrum-radio-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-s-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-radio-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-radio-s-margin-bottom: 0px; - --spectrum-radio-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render: no; - --spectrum-radio-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-down: no; - --spectrum-radio-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-hover: no; - --spectrum-radio-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-circle-margin-top: 0; - --spectrum-radio-m-emphasized-circle-margin-bottom: 0; - --spectrum-radio-m-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-m-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-radio-m-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-emphasized-text-transform: none; - --spectrum-radio-m-emphasized-text-render: yes; - --spectrum-radio-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-m-emphasized-text-text-transform: none; - --spectrum-radio-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-emphasized-focus-ring-type: focusring; - --spectrum-radio-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-radio-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-radio-m-emphasized-margin-bottom: 0px; - --spectrum-radio-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected: no; - --spectrum-radio-m-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-m-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-down: no; - --spectrum-radio-m-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-hover: no; - --spectrum-radio-m-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-m-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error: no; - --spectrum-radio-m-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-disabled: no; - --spectrum-radio-m-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-m-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-m-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-down: no; - --spectrum-radio-m-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-m-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-hover: no; - --spectrum-radio-m-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-m-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-m-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-error-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-m-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-m-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected: no; - --spectrum-radio-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-disabled: no; - --spectrum-radio-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-down: no; - --spectrum-radio-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-hover: no; - --spectrum-radio-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-disabled: no; - --spectrum-radio-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render: no; - --spectrum-radio-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-down: no; - --spectrum-radio-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-hover: no; - --spectrum-radio-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-focus-ring-render-key-focus: yes; - --spectrum-radio-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-m-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-focus-ring-render-mouse-focus: no; - --spectrum-radio-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-m-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-m-circle-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-circle-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-circle-margin-top: 0; - --spectrum-radio-m-circle-margin-bottom: 0; - --spectrum-radio-m-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-circle-dot-border-radius: 100%; - --spectrum-radio-m-circle-diameter: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-radio-m-circle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-radio-m-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-m-text-transform: none; - --spectrum-radio-m-text-render: yes; - --spectrum-radio-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-radio-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-radio-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-m-text-text-transform: none; - --spectrum-radio-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-radio-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-focus-ring-type: focusring; - --spectrum-radio-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-m-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-radio-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-radio-m-margin-bottom: 0px; - --spectrum-radio-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-radio-l-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render: no; - --spectrum-radio-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-down: no; - --spectrum-radio-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-hover: no; - --spectrum-radio-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-circle-margin-top: 0; - --spectrum-radio-l-emphasized-circle-margin-bottom: 0; - --spectrum-radio-l-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-l-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-radio-l-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-emphasized-text-transform: none; - --spectrum-radio-l-emphasized-text-render: yes; - --spectrum-radio-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-l-emphasized-text-text-transform: none; - --spectrum-radio-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-emphasized-focus-ring-type: focusring; - --spectrum-radio-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-radio-l-emphasized-margin-bottom: 0px; - --spectrum-radio-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected: no; - --spectrum-radio-l-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-l-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-down: no; - --spectrum-radio-l-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-hover: no; - --spectrum-radio-l-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-l-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error: no; - --spectrum-radio-l-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-disabled: no; - --spectrum-radio-l-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-l-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-l-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-down: no; - --spectrum-radio-l-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-l-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-hover: no; - --spectrum-radio-l-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-l-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-l-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-error-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-l-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-l-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected: no; - --spectrum-radio-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-disabled: no; - --spectrum-radio-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-down: no; - --spectrum-radio-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-hover: no; - --spectrum-radio-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-disabled: no; - --spectrum-radio-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render: no; - --spectrum-radio-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-down: no; - --spectrum-radio-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-hover: no; - --spectrum-radio-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-focus-ring-render-key-focus: yes; - --spectrum-radio-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-l-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-focus-ring-render-mouse-focus: no; - --spectrum-radio-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-l-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-l-circle-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-circle-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-circle-margin-top: 0; - --spectrum-radio-l-circle-margin-bottom: 0; - --spectrum-radio-l-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-circle-dot-border-radius: 100%; - --spectrum-radio-l-circle-diameter: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-radio-l-circle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-radio-l-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-text-transform: none; - --spectrum-radio-l-text-render: yes; - --spectrum-radio-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-radio-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-l-text-text-transform: none; - --spectrum-radio-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-radio-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-focus-ring-type: focusring; - --spectrum-radio-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-l-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-radio-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-radio-l-margin-bottom: 0px; - --spectrum-radio-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-emphasized-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-emphasized-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-emphasized-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-emphasized-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-emphasized-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-error-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-emphasized-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-radio-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-radio-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-radio-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-radio-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render: no; - --spectrum-radio-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-down: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-hover: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-radio-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-emphasized-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-radio-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-emphasized-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-emphasized-circle-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-emphasized-circle-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-emphasized-circle-margin-top: 0; - --spectrum-radio-xl-emphasized-circle-margin-bottom: 0; - --spectrum-radio-xl-emphasized-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-emphasized-circle-dot-border-radius: 100%; - --spectrum-radio-xl-emphasized-circle-diameter: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-emphasized-circle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-radio-xl-emphasized-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-emphasized-text-transform: none; - --spectrum-radio-xl-emphasized-text-render: yes; - --spectrum-radio-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-xl-emphasized-text-text-transform: none; - --spectrum-radio-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-emphasized-focus-ring-type: focusring; - --spectrum-radio-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-emphasized-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-radio-xl-emphasized-margin-bottom: 0px; - --spectrum-radio-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-circle-border-color-error-selected: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-selected: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-focus-ring-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected: no; - --spectrum-radio-xl-focus-ring-gap-error-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-error-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-disabled: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-text-color-error-selected-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-focus-ring-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-down: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-selected-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-focus-ring-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-hover: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-selected-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-focus-ring-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-error-selected-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-error-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-error-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-error-selected-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-selected-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-focus-ring-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-selected-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-error-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-radio-xl-focus-ring-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error: no; - --spectrum-radio-xl-focus-ring-gap-error: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-error-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-disabled: no; - --spectrum-radio-xl-focus-ring-gap-error-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-radio-xl-text-color-error-down: var(--spectrum-alias-component-text-color-error-down); - --spectrum-radio-xl-focus-ring-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-down: no; - --spectrum-radio-xl-focus-ring-gap-error-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-hover: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-hover: var(--spectrum-alias-component-text-color-error-hover); - --spectrum-radio-xl-focus-ring-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-hover: no; - --spectrum-radio-xl-focus-ring-gap-error-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-error-key-focus: var(--spectrum-global-color-red-600); - --spectrum-radio-xl-text-color-error-key-focus: var(--spectrum-alias-component-text-color-error-key-focus); - --spectrum-radio-xl-focus-ring-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-error-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-error-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-error-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-error-mouse-focus: var(--spectrum-global-color-red-500); - --spectrum-radio-xl-text-color-error-mouse-focus: var(--spectrum-alias-component-text-color-error-mouse-focus); - --spectrum-radio-xl-focus-ring-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-error-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-error-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected: no; - --spectrum-radio-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-disabled: no; - --spectrum-radio-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-radio-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-down: no; - --spectrum-radio-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-radio-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-hover: no; - --spectrum-radio-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-radio-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-radio-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-radio-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-radio-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-disabled: no; - --spectrum-radio-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-radio-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render: no; - --spectrum-radio-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-radio-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-radio-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-down: no; - --spectrum-radio-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-radio-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-radio-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-hover: no; - --spectrum-radio-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-radio-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-radio-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-focus-ring-render-key-focus: yes; - --spectrum-radio-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-radio-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-radio-xl-circle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-radio-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-radio-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-focus-ring-render-mouse-focus: no; - --spectrum-radio-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-radio-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-radio-xl-circle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-dot-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-dot-background-color: var(--spectrum-global-color-gray-75); - --spectrum-radio-xl-circle-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-circle-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-radio-xl-circle-margin-top: 0; - --spectrum-radio-xl-circle-margin-bottom: 0; - --spectrum-radio-xl-circle-dot-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-circle-dot-border-radius: 100%; - --spectrum-radio-xl-circle-diameter: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-radio-xl-circle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-radio-xl-circle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-radio-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-radio-xl-text-transform: none; - --spectrum-radio-xl-text-render: yes; - --spectrum-radio-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-radio-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-radio-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-radio-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-radio-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-radio-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-radio-xl-text-text-transform: none; - --spectrum-radio-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-radio-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-focus-ring-type: focusring; - --spectrum-radio-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-radio-xl-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-radio-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-radio-xl-margin-bottom: 0px; - --spectrum-radio-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-radio-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-radio-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/vars/css/components/spectrum-radiogroup.css b/components/vars/css/components/spectrum-radiogroup.css deleted file mode 100644 index 6ecf0fe461e..00000000000 --- a/components/vars/css/components/spectrum-radiogroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-radiogroup-radio-gap-x: var(--spectrum-global-dimension-size-200); - --spectrum-radiogroup-radio-gap-y: var(--spectrum-global-dimension-size-0); -} diff --git a/components/vars/css/components/spectrum-rating.css b/components/vars/css/components/spectrum-rating.css deleted file mode 100644 index ead4b10a6a7..00000000000 --- a/components/vars/css/components/spectrum-rating.css +++ /dev/null @@ -1,76 +0,0 @@ -:root { - --spectrum-rating-emphasized-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-rating-emphasized-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-emphasized-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-emphasized-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-rating-emphasized-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-rating-emphasized-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-rating-emphasized-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-emphasized-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-rating-emphasized-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color: var(--spectrum-alias-icon-color); - --spectrum-rating-emphasized-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-emphasized-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-emphasized-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-emphasized-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-emphasized-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-emphasized-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-emphasized-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-icon-count: 5; - --spectrum-rating-emphasized-icon-spacing: var(--spectrum-global-dimension-size-75); - --spectrum-rating-emphasized-icon-width: var(--spectrum-global-dimension-size-300); - --spectrum-rating-emphasized-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-rating-emphasized-indicator-width: var(--spectrum-global-dimension-size-200); - --spectrum-rating-emphasized-indicator-height: var(--spectrum-global-dimension-size-25); - --spectrum-rating-emphasized-indicator-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-rating-emphasized-indicator-offset: var(--spectrum-alias-border-size-thick); - --spectrum-rating-emphasized-height: var(--spectrum-alias-single-line-height); - --spectrum-rating-emphasized-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-rating-emphasized-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-rating-icon-color-selected: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-rating-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-border-color-selected-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-rating-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-rating-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-rating-border-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-rating-icon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-rating-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-rating-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-rating-icon-count: 5; - --spectrum-rating-icon-spacing: var(--spectrum-global-dimension-size-75); - --spectrum-rating-icon-width: var(--spectrum-global-dimension-size-300); - --spectrum-rating-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-rating-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-rating-indicator-width: var(--spectrum-global-dimension-size-200); - --spectrum-rating-indicator-height: var(--spectrum-global-dimension-size-25); - --spectrum-rating-indicator-border-radius: var(--spectrum-alias-border-radius-small); - --spectrum-rating-indicator-offset: var(--spectrum-alias-border-size-thick); - --spectrum-rating-height: var(--spectrum-alias-single-line-height); - --spectrum-rating-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-rating-border-size: var(--spectrum-alias-border-size-thick); -} diff --git a/components/vars/css/components/spectrum-scrollbar.css b/components/vars/css/components/spectrum-scrollbar.css deleted file mode 100644 index bef317ee2bf..00000000000 --- a/components/vars/css/components/spectrum-scrollbar.css +++ /dev/null @@ -1,503 +0,0 @@ -:root { - --spectrum-scrollbar-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-s-track-background-color: transparent; - --spectrum-scrollbar-s-track-border-color: transparent; - --spectrum-scrollbar-s-track-layout: column; - --spectrum-scrollbar-s-track-align-items: start; - --spectrum-scrollbar-s-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-s-track-height: 100%; - --spectrum-scrollbar-s-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-s-bar-min-width: 0; - --spectrum-scrollbar-s-bar-height: auto; - --spectrum-scrollbar-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-s-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-s-track-layout: column; - --spectrum-scrollbar-mac-s-track-align-items: start; - --spectrum-scrollbar-mac-s-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-mac-s-track-height: 100%; - --spectrum-scrollbar-mac-s-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-mac-s-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-mac-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-s-bar-min-width: 0; - --spectrum-scrollbar-mac-s-bar-height: auto; - --spectrum-scrollbar-mac-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-s-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-s-track-border-color: transparent; - --spectrum-scrollbar-windows-s-track-layout: column; - --spectrum-scrollbar-windows-s-track-align-items: start; - --spectrum-scrollbar-windows-s-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-track-height: 100%; - --spectrum-scrollbar-windows-s-track-padding: 0; - --spectrum-scrollbar-windows-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-s-bar-min-width: 0; - --spectrum-scrollbar-windows-s-bar-height: auto; - --spectrum-scrollbar-windows-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-windows-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-s-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-s-track-background-color: transparent; - --spectrum-scrollbar-android-s-track-border-color: transparent; - --spectrum-scrollbar-android-s-track-layout: column; - --spectrum-scrollbar-android-s-track-align-items: start; - --spectrum-scrollbar-android-s-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-track-height: 100%; - --spectrum-scrollbar-android-s-track-padding: 0; - --spectrum-scrollbar-android-s-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-s-bar-min-width: 0; - --spectrum-scrollbar-android-s-bar-height: auto; - --spectrum-scrollbar-android-s-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-s-white-track-background-color: transparent; - --spectrum-scrollbar-s-white-track-border-color: transparent; - --spectrum-scrollbar-s-white-track-layout: column; - --spectrum-scrollbar-s-white-track-align-items: start; - --spectrum-scrollbar-s-white-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-s-white-track-height: 100%; - --spectrum-scrollbar-s-white-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-s-white-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-s-white-bar-min-width: 0; - --spectrum-scrollbar-s-white-bar-height: auto; - --spectrum-scrollbar-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-s-white-track-background-color: transparent; - --spectrum-scrollbar-mac-s-white-track-border-color: transparent; - --spectrum-scrollbar-mac-s-white-track-layout: column; - --spectrum-scrollbar-mac-s-white-track-align-items: start; - --spectrum-scrollbar-mac-s-white-track-width: var(--spectrum-global-dimension-size-125); - --spectrum-scrollbar-mac-s-white-track-height: 100%; - --spectrum-scrollbar-mac-s-white-track-padding: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-mac-s-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-s-white-bar-border-radius: var(--spectrum-global-dimension-size-25); - --spectrum-scrollbar-mac-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-s-white-bar-min-width: 0; - --spectrum-scrollbar-mac-s-white-bar-height: auto; - --spectrum-scrollbar-mac-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-s-white-track-background-color: transparent; - --spectrum-scrollbar-windows-s-white-track-border-color: transparent; - --spectrum-scrollbar-windows-s-white-track-layout: column; - --spectrum-scrollbar-windows-s-white-track-align-items: start; - --spectrum-scrollbar-windows-s-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-track-height: 100%; - --spectrum-scrollbar-windows-s-white-track-padding: 0; - --spectrum-scrollbar-windows-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-s-white-bar-min-width: 0; - --spectrum-scrollbar-windows-s-white-bar-height: auto; - --spectrum-scrollbar-windows-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-windows-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-windows-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-s-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-s-white-track-background-color: transparent; - --spectrum-scrollbar-android-s-white-track-border-color: transparent; - --spectrum-scrollbar-android-s-white-track-layout: column; - --spectrum-scrollbar-android-s-white-track-align-items: start; - --spectrum-scrollbar-android-s-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-white-track-height: 100%; - --spectrum-scrollbar-android-s-white-track-padding: 0; - --spectrum-scrollbar-android-s-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-s-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-s-white-bar-min-width: 0; - --spectrum-scrollbar-android-s-white-bar-height: auto; - --spectrum-scrollbar-android-s-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-s-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-s-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-m-track-background-color: transparent; - --spectrum-scrollbar-m-track-border-color: transparent; - --spectrum-scrollbar-m-track-layout: column; - --spectrum-scrollbar-m-track-align-items: start; - --spectrum-scrollbar-m-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-m-track-height: 100%; - --spectrum-scrollbar-m-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-m-bar-min-width: 0; - --spectrum-scrollbar-m-bar-height: auto; - --spectrum-scrollbar-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-m-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-m-track-layout: column; - --spectrum-scrollbar-mac-m-track-align-items: start; - --spectrum-scrollbar-mac-m-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-mac-m-track-height: 100%; - --spectrum-scrollbar-mac-m-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-m-bar-min-width: 0; - --spectrum-scrollbar-mac-m-bar-height: auto; - --spectrum-scrollbar-mac-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-m-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-m-track-border-color: transparent; - --spectrum-scrollbar-windows-m-track-layout: column; - --spectrum-scrollbar-windows-m-track-align-items: start; - --spectrum-scrollbar-windows-m-track-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-track-height: 100%; - --spectrum-scrollbar-windows-m-track-padding: 0; - --spectrum-scrollbar-windows-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-m-bar-min-width: 0; - --spectrum-scrollbar-windows-m-bar-height: auto; - --spectrum-scrollbar-windows-m-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-android-m-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-m-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-m-track-background-color: transparent; - --spectrum-scrollbar-android-m-track-border-color: transparent; - --spectrum-scrollbar-android-m-track-layout: column; - --spectrum-scrollbar-android-m-track-align-items: start; - --spectrum-scrollbar-android-m-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-track-height: 100%; - --spectrum-scrollbar-android-m-track-padding: 0; - --spectrum-scrollbar-android-m-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-m-bar-min-width: 0; - --spectrum-scrollbar-android-m-bar-height: auto; - --spectrum-scrollbar-android-m-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-m-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-m-white-track-background-color: transparent; - --spectrum-scrollbar-m-white-track-border-color: transparent; - --spectrum-scrollbar-m-white-track-layout: column; - --spectrum-scrollbar-m-white-track-align-items: start; - --spectrum-scrollbar-m-white-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-m-white-track-height: 100%; - --spectrum-scrollbar-m-white-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-m-white-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-m-white-bar-min-width: 0; - --spectrum-scrollbar-m-white-bar-height: auto; - --spectrum-scrollbar-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-m-white-track-background-color: transparent; - --spectrum-scrollbar-mac-m-white-track-border-color: transparent; - --spectrum-scrollbar-mac-m-white-track-layout: column; - --spectrum-scrollbar-mac-m-white-track-align-items: start; - --spectrum-scrollbar-mac-m-white-track-width: var(--spectrum-global-dimension-size-200); - --spectrum-scrollbar-mac-m-white-track-height: 100%; - --spectrum-scrollbar-mac-m-white-track-padding: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-m-white-bar-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-mac-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-m-white-bar-min-width: 0; - --spectrum-scrollbar-mac-m-white-bar-height: auto; - --spectrum-scrollbar-mac-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-mac-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-m-white-track-background-color: transparent; - --spectrum-scrollbar-windows-m-white-track-border-color: transparent; - --spectrum-scrollbar-windows-m-white-track-layout: column; - --spectrum-scrollbar-windows-m-white-track-align-items: start; - --spectrum-scrollbar-windows-m-white-track-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-track-height: 100%; - --spectrum-scrollbar-windows-m-white-track-padding: 0; - --spectrum-scrollbar-windows-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-m-white-bar-min-width: 0; - --spectrum-scrollbar-windows-m-white-bar-height: auto; - --spectrum-scrollbar-windows-m-white-bar-width: var(--spectrum-global-dimension-size-100); - --spectrum-scrollbar-windows-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-android-m-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-m-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-m-white-track-background-color: transparent; - --spectrum-scrollbar-android-m-white-track-border-color: transparent; - --spectrum-scrollbar-android-m-white-track-layout: column; - --spectrum-scrollbar-android-m-white-track-align-items: start; - --spectrum-scrollbar-android-m-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-white-track-height: 100%; - --spectrum-scrollbar-android-m-white-track-padding: 0; - --spectrum-scrollbar-android-m-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-m-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-m-white-bar-min-width: 0; - --spectrum-scrollbar-android-m-white-bar-height: auto; - --spectrum-scrollbar-android-m-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-m-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-m-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-l-track-background-color: transparent; - --spectrum-scrollbar-l-track-border-color: transparent; - --spectrum-scrollbar-l-track-layout: column; - --spectrum-scrollbar-l-track-align-items: start; - --spectrum-scrollbar-l-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-l-track-height: 100%; - --spectrum-scrollbar-l-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-l-bar-min-width: 0; - --spectrum-scrollbar-l-bar-height: auto; - --spectrum-scrollbar-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-mac-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-mac-l-track-border-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-l-track-layout: column; - --spectrum-scrollbar-mac-l-track-align-items: start; - --spectrum-scrollbar-mac-l-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-mac-l-track-height: 100%; - --spectrum-scrollbar-mac-l-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-mac-l-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-l-bar-min-width: 0; - --spectrum-scrollbar-mac-l-bar-height: auto; - --spectrum-scrollbar-mac-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-mac-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-windows-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-windows-l-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-windows-l-track-border-color: transparent; - --spectrum-scrollbar-windows-l-track-layout: column; - --spectrum-scrollbar-windows-l-track-align-items: start; - --spectrum-scrollbar-windows-l-track-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-track-height: 100%; - --spectrum-scrollbar-windows-l-track-padding: 0; - --spectrum-scrollbar-windows-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-l-bar-min-width: 0; - --spectrum-scrollbar-windows-l-bar-height: auto; - --spectrum-scrollbar-windows-l-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-windows-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-android-l-bar-background-color: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-down: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-scrollbar-android-l-bar-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-bar-background-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-scrollbar-android-l-track-background-color: transparent; - --spectrum-scrollbar-android-l-track-border-color: transparent; - --spectrum-scrollbar-android-l-track-layout: column; - --spectrum-scrollbar-android-l-track-align-items: start; - --spectrum-scrollbar-android-l-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-track-height: 100%; - --spectrum-scrollbar-android-l-track-padding: 0; - --spectrum-scrollbar-android-l-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-l-bar-min-width: 0; - --spectrum-scrollbar-android-l-bar-height: auto; - --spectrum-scrollbar-android-l-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-l-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-l-white-track-background-color: transparent; - --spectrum-scrollbar-l-white-track-border-color: transparent; - --spectrum-scrollbar-l-white-track-layout: column; - --spectrum-scrollbar-l-white-track-align-items: start; - --spectrum-scrollbar-l-white-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-l-white-track-height: 100%; - --spectrum-scrollbar-l-white-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-l-white-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-l-white-bar-min-width: 0; - --spectrum-scrollbar-l-white-bar-height: auto; - --spectrum-scrollbar-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-mac-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-mac-l-white-track-background-color: transparent; - --spectrum-scrollbar-mac-l-white-track-border-color: transparent; - --spectrum-scrollbar-mac-l-white-track-layout: column; - --spectrum-scrollbar-mac-l-white-track-align-items: start; - --spectrum-scrollbar-mac-l-white-track-width: var(--spectrum-global-dimension-size-275); - --spectrum-scrollbar-mac-l-white-track-height: 100%; - --spectrum-scrollbar-mac-l-white-track-padding: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-mac-l-white-track-border-left-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-white-track-border-right-width: var(--spectrum-alias-border-size-thin); - --spectrum-scrollbar-mac-l-white-bar-border-radius: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-mac-l-white-bar-min-width: 0; - --spectrum-scrollbar-mac-l-white-bar-height: auto; - --spectrum-scrollbar-mac-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-mac-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-mac-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-75); - --spectrum-scrollbar-windows-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-windows-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-windows-l-white-track-background-color: transparent; - --spectrum-scrollbar-windows-l-white-track-border-color: transparent; - --spectrum-scrollbar-windows-l-white-track-layout: column; - --spectrum-scrollbar-windows-l-white-track-align-items: start; - --spectrum-scrollbar-windows-l-white-track-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-white-track-height: 100%; - --spectrum-scrollbar-windows-l-white-track-padding: 0; - --spectrum-scrollbar-windows-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-windows-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-windows-l-white-bar-min-width: 0; - --spectrum-scrollbar-windows-l-white-bar-height: auto; - --spectrum-scrollbar-windows-l-white-bar-width: var(--spectrum-global-dimension-size-150); - --spectrum-scrollbar-windows-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-windows-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-65); - --spectrum-scrollbar-android-l-white-bar-background-color: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-down: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-hover: rgba(110,110,110,0.6); - --spectrum-scrollbar-android-l-white-bar-background-color-key-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-bar-background-color-mouse-focus: rgba(255,255,255,0.2); - --spectrum-scrollbar-android-l-white-track-background-color: transparent; - --spectrum-scrollbar-android-l-white-track-border-color: transparent; - --spectrum-scrollbar-android-l-white-track-layout: column; - --spectrum-scrollbar-android-l-white-track-align-items: start; - --spectrum-scrollbar-android-l-white-track-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-white-track-height: 100%; - --spectrum-scrollbar-android-l-white-track-padding: 0; - --spectrum-scrollbar-android-l-white-track-border-left-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-track-border-right-width: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-bar-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-scrollbar-android-l-white-bar-min-height: var(--spectrum-global-dimension-static-size-700); - --spectrum-scrollbar-android-l-white-bar-min-width: 0; - --spectrum-scrollbar-android-l-white-bar-height: auto; - --spectrum-scrollbar-android-l-white-bar-width: var(--spectrum-global-dimension-size-50); - --spectrum-scrollbar-android-l-white-bar-touch-hit-start: var(--spectrum-global-dimension-size-40); - --spectrum-scrollbar-android-l-white-bar-touch-hit-end: var(--spectrum-global-dimension-size-40); -} diff --git a/components/vars/css/components/spectrum-search.css b/components/vars/css/components/spectrum-search.css deleted file mode 100644 index 636458ea34b..00000000000 --- a/components/vars/css/components/spectrum-search.css +++ /dev/null @@ -1,1096 +0,0 @@ -:root { - --spectrum-search-s-quiet-border-size-disabled: 0; - --spectrum-search-s-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-s-quiet-focusring-render-disabled: no; - --spectrum-search-s-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-border-size: 0; - --spectrum-search-s-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-s-quiet-focusring-render: no; - --spectrum-search-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-border-size-down: 0; - --spectrum-search-s-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-s-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-s-quiet-focusring-render-down: no; - --spectrum-search-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-border-size-hover: 0; - --spectrum-search-s-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-s-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-s-quiet-focusring-render-hover: no; - --spectrum-search-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-border-size-key-focus: 0; - --spectrum-search-s-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-s-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-s-quiet-focusring-render-key-focus: yes; - --spectrum-search-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-s-quiet-border-size-mouse-focus: 0; - --spectrum-search-s-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-s-quiet-focusring-render-mouse-focus: no; - --spectrum-search-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-quiet-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-icon-margin-top: 0; - --spectrum-search-s-quiet-icon-margin-bottom: 0; - --spectrum-search-s-quiet-icon-render: yes; - --spectrum-search-s-quiet-icon-type: icon; - --spectrum-search-s-quiet-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-search-s-quiet-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-quiet-placeholder-render: no; - --spectrum-search-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-quiet-placeholder-text-transform: none; - --spectrum-search-s-quiet-text-transform: none; - --spectrum-search-s-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-text-flex-grow: 1; - --spectrum-search-s-quiet-text-render: yes; - --spectrum-search-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-quiet-text-text-transform: none; - --spectrum-search-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-s-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-search-s-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-search-s-quiet-clearbutton-fill-layout: row; - --spectrum-search-s-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-s-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-s-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-search-s-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-s-quiet-clearbutton-render: no; - --spectrum-search-s-quiet-clearbutton-position: absolute; - --spectrum-search-s-quiet-clearbutton-right: 0; - --spectrum-search-s-quiet-clearbutton-top: 0; - --spectrum-search-s-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-search-s-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-s-quiet-focusring-border-radius: 0; - --spectrum-search-s-quiet-focusring-border-width: 0; - --spectrum-search-s-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-s-quiet-focusring-type: focusring; - --spectrum-search-s-quiet-position: relative; - --spectrum-search-s-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-s-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-s-quiet-overflow: hidden; - --spectrum-search-s-quiet-padding-left: var(--spectrum-alias-search-padding-left-s); - --spectrum-search-s-quiet-layout: row; - --spectrum-search-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-search-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-search-s-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-s-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-s-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-s-focusring-render-disabled: no; - --spectrum-search-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-s-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-s-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-clearbutton-fill-border-color: transparent; - --spectrum-search-s-focusring-render: no; - --spectrum-search-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-s-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-s-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-s-clearbutton-fill-border-color-down: transparent; - --spectrum-search-s-focusring-render-down: no; - --spectrum-search-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-s-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-s-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-s-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-s-focusring-render-hover: no; - --spectrum-search-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-s-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-s-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-s-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-s-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-s-focusring-render-key-focus: yes; - --spectrum-search-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-s-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-s-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-s-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-s-focusring-render-mouse-focus: no; - --spectrum-search-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-s-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-icon-margin-top: 0; - --spectrum-search-s-icon-margin-bottom: 0; - --spectrum-search-s-icon-render: yes; - --spectrum-search-s-icon-type: icon; - --spectrum-search-s-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-search-s-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-placeholder-render: no; - --spectrum-search-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-placeholder-text-transform: none; - --spectrum-search-s-text-transform: none; - --spectrum-search-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-text-flex-grow: 1; - --spectrum-search-s-text-render: yes; - --spectrum-search-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-s-text-text-transform: none; - --spectrum-search-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-search-s-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-s-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-s); - --spectrum-search-s-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-search-s-clearbutton-fill-layout: row; - --spectrum-search-s-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-s-clearbutton-fill-padding-top: 0; - --spectrum-search-s-clearbutton-fill-padding-bottom: 0; - --spectrum-search-s-clearbutton-fill-padding-left: 0; - --spectrum-search-s-clearbutton-fill-padding-right: 0; - --spectrum-search-s-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-search-s-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-s-clearbutton-render: no; - --spectrum-search-s-clearbutton-position: absolute; - --spectrum-search-s-clearbutton-right: 0; - --spectrum-search-s-clearbutton-top: 0; - --spectrum-search-s-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-search-s-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-s-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-s-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-s-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-s-focusring-type: focusring; - --spectrum-search-s-position: relative; - --spectrum-search-s-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-s-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-s-overflow: hidden; - --spectrum-search-s-padding-left: var(--spectrum-alias-search-padding-left-s); - --spectrum-search-s-layout: row; - --spectrum-search-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-search-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-search-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-search-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-search-m-quiet-border-size-disabled: 0; - --spectrum-search-m-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-m-quiet-focusring-render-disabled: no; - --spectrum-search-m-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-border-size: 0; - --spectrum-search-m-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-m-quiet-focusring-render: no; - --spectrum-search-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-border-size-down: 0; - --spectrum-search-m-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-m-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-m-quiet-focusring-render-down: no; - --spectrum-search-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-border-size-hover: 0; - --spectrum-search-m-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-m-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-m-quiet-focusring-render-hover: no; - --spectrum-search-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-border-size-key-focus: 0; - --spectrum-search-m-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-m-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-m-quiet-focusring-render-key-focus: yes; - --spectrum-search-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-m-quiet-border-size-mouse-focus: 0; - --spectrum-search-m-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-m-quiet-focusring-render-mouse-focus: no; - --spectrum-search-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-quiet-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-quiet-icon-margin-top: 0; - --spectrum-search-m-quiet-icon-margin-bottom: 0; - --spectrum-search-m-quiet-icon-render: yes; - --spectrum-search-m-quiet-icon-type: icon; - --spectrum-search-m-quiet-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-search-m-quiet-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-placeholder-render: no; - --spectrum-search-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-quiet-placeholder-text-transform: none; - --spectrum-search-m-quiet-text-transform: none; - --spectrum-search-m-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-text-flex-grow: 1; - --spectrum-search-m-quiet-text-render: yes; - --spectrum-search-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-quiet-text-text-transform: none; - --spectrum-search-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-m-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-search-m-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-search-m-quiet-clearbutton-fill-layout: row; - --spectrum-search-m-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-m-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-m-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-search-m-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-m-quiet-clearbutton-render: no; - --spectrum-search-m-quiet-clearbutton-position: absolute; - --spectrum-search-m-quiet-clearbutton-right: 0; - --spectrum-search-m-quiet-clearbutton-top: 0; - --spectrum-search-m-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-search-m-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-m-quiet-focusring-border-radius: 0; - --spectrum-search-m-quiet-focusring-border-width: 0; - --spectrum-search-m-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-m-quiet-focusring-type: focusring; - --spectrum-search-m-quiet-position: relative; - --spectrum-search-m-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-m-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-m-quiet-overflow: hidden; - --spectrum-search-m-quiet-padding-left: var(--spectrum-alias-search-padding-left-m); - --spectrum-search-m-quiet-layout: row; - --spectrum-search-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-search-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-search-m-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-m-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-m-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-m-focusring-render-disabled: no; - --spectrum-search-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-m-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-m-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-clearbutton-fill-border-color: transparent; - --spectrum-search-m-focusring-render: no; - --spectrum-search-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-m-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-m-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-m-clearbutton-fill-border-color-down: transparent; - --spectrum-search-m-focusring-render-down: no; - --spectrum-search-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-m-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-m-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-m-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-m-focusring-render-hover: no; - --spectrum-search-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-m-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-m-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-m-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-m-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-m-focusring-render-key-focus: yes; - --spectrum-search-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-m-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-m-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-m-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-m-focusring-render-mouse-focus: no; - --spectrum-search-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-m-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-search-m-icon-margin-top: 0; - --spectrum-search-m-icon-margin-bottom: 0; - --spectrum-search-m-icon-render: yes; - --spectrum-search-m-icon-type: icon; - --spectrum-search-m-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-search-m-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-placeholder-render: no; - --spectrum-search-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-placeholder-text-transform: none; - --spectrum-search-m-text-transform: none; - --spectrum-search-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-text-flex-grow: 1; - --spectrum-search-m-text-render: yes; - --spectrum-search-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-search-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-search-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-m-text-text-transform: none; - --spectrum-search-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-search-m-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-m-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-m); - --spectrum-search-m-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-search-m-clearbutton-fill-layout: row; - --spectrum-search-m-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-m-clearbutton-fill-padding-top: 0; - --spectrum-search-m-clearbutton-fill-padding-bottom: 0; - --spectrum-search-m-clearbutton-fill-padding-left: 0; - --spectrum-search-m-clearbutton-fill-padding-right: 0; - --spectrum-search-m-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-search-m-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-m-clearbutton-render: no; - --spectrum-search-m-clearbutton-position: absolute; - --spectrum-search-m-clearbutton-right: 0; - --spectrum-search-m-clearbutton-top: 0; - --spectrum-search-m-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-search-m-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-m-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-m-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-m-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-m-focusring-type: focusring; - --spectrum-search-m-position: relative; - --spectrum-search-m-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-m-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-m-overflow: hidden; - --spectrum-search-m-padding-left: var(--spectrum-alias-search-padding-left-m); - --spectrum-search-m-layout: row; - --spectrum-search-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-search-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-search-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-search-l-quiet-border-size-disabled: 0; - --spectrum-search-l-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-l-quiet-focusring-render-disabled: no; - --spectrum-search-l-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-border-size: 0; - --spectrum-search-l-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-l-quiet-focusring-render: no; - --spectrum-search-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-border-size-down: 0; - --spectrum-search-l-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-l-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-l-quiet-focusring-render-down: no; - --spectrum-search-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-border-size-hover: 0; - --spectrum-search-l-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-l-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-l-quiet-focusring-render-hover: no; - --spectrum-search-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-border-size-key-focus: 0; - --spectrum-search-l-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-l-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-l-quiet-focusring-render-key-focus: yes; - --spectrum-search-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-l-quiet-border-size-mouse-focus: 0; - --spectrum-search-l-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-l-quiet-focusring-render-mouse-focus: no; - --spectrum-search-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-quiet-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-quiet-icon-margin-top: 0; - --spectrum-search-l-quiet-icon-margin-bottom: 0; - --spectrum-search-l-quiet-icon-render: yes; - --spectrum-search-l-quiet-icon-type: icon; - --spectrum-search-l-quiet-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-placeholder-render: no; - --spectrum-search-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-quiet-placeholder-text-transform: none; - --spectrum-search-l-quiet-text-transform: none; - --spectrum-search-l-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-text-flex-grow: 1; - --spectrum-search-l-quiet-text-render: yes; - --spectrum-search-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-quiet-text-text-transform: none; - --spectrum-search-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-l-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-search-l-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-search-l-quiet-clearbutton-fill-layout: row; - --spectrum-search-l-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-l-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-l-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-search-l-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-l-quiet-clearbutton-render: no; - --spectrum-search-l-quiet-clearbutton-position: absolute; - --spectrum-search-l-quiet-clearbutton-right: 0; - --spectrum-search-l-quiet-clearbutton-top: 0; - --spectrum-search-l-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-search-l-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-l-quiet-focusring-border-radius: 0; - --spectrum-search-l-quiet-focusring-border-width: 0; - --spectrum-search-l-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-l-quiet-focusring-type: focusring; - --spectrum-search-l-quiet-position: relative; - --spectrum-search-l-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-l-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-l-quiet-overflow: hidden; - --spectrum-search-l-quiet-padding-left: var(--spectrum-alias-search-padding-left-l); - --spectrum-search-l-quiet-layout: row; - --spectrum-search-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-search-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-search-l-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-l-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-l-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-l-focusring-render-disabled: no; - --spectrum-search-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-l-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-l-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-clearbutton-fill-border-color: transparent; - --spectrum-search-l-focusring-render: no; - --spectrum-search-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-l-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-l-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-l-clearbutton-fill-border-color-down: transparent; - --spectrum-search-l-focusring-render-down: no; - --spectrum-search-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-l-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-l-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-l-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-l-focusring-render-hover: no; - --spectrum-search-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-l-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-l-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-l-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-l-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-l-focusring-render-key-focus: yes; - --spectrum-search-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-l-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-l-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-l-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-l-focusring-render-mouse-focus: no; - --spectrum-search-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-l-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-search-l-icon-margin-top: 0; - --spectrum-search-l-icon-margin-bottom: 0; - --spectrum-search-l-icon-render: yes; - --spectrum-search-l-icon-type: icon; - --spectrum-search-l-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-placeholder-render: no; - --spectrum-search-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-placeholder-text-transform: none; - --spectrum-search-l-text-transform: none; - --spectrum-search-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-text-flex-grow: 1; - --spectrum-search-l-text-render: yes; - --spectrum-search-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-search-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-l-text-text-transform: none; - --spectrum-search-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-search-l-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-l-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-l); - --spectrum-search-l-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-search-l-clearbutton-fill-layout: row; - --spectrum-search-l-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-l-clearbutton-fill-padding-top: 0; - --spectrum-search-l-clearbutton-fill-padding-bottom: 0; - --spectrum-search-l-clearbutton-fill-padding-left: 0; - --spectrum-search-l-clearbutton-fill-padding-right: 0; - --spectrum-search-l-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-search-l-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-l-clearbutton-render: no; - --spectrum-search-l-clearbutton-position: absolute; - --spectrum-search-l-clearbutton-right: 0; - --spectrum-search-l-clearbutton-top: 0; - --spectrum-search-l-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-search-l-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-l-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-l-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-l-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-l-focusring-type: focusring; - --spectrum-search-l-position: relative; - --spectrum-search-l-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-l-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-l-overflow: hidden; - --spectrum-search-l-padding-left: var(--spectrum-alias-search-padding-left-l); - --spectrum-search-l-layout: row; - --spectrum-search-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-search-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-search-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-search-xl-quiet-border-size-disabled: 0; - --spectrum-search-xl-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-xl-quiet-focusring-render-disabled: no; - --spectrum-search-xl-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-search-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-border-size: 0; - --spectrum-search-xl-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-border-color: transparent; - --spectrum-search-xl-quiet-focusring-render: no; - --spectrum-search-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-border-size-down: 0; - --spectrum-search-xl-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-down: transparent; - --spectrum-search-xl-quiet-focusring-render-down: no; - --spectrum-search-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-border-size-hover: 0; - --spectrum-search-xl-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-xl-quiet-focusring-render-hover: no; - --spectrum-search-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-border-size-key-focus: 0; - --spectrum-search-xl-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-xl-quiet-focusring-render-key-focus: yes; - --spectrum-search-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-xl-quiet-border-size-mouse-focus: 0; - --spectrum-search-xl-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-quiet-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-quiet-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-search-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-quiet-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-quiet-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-quiet-icon-margin-top: 0; - --spectrum-search-xl-quiet-icon-margin-bottom: 0; - --spectrum-search-xl-quiet-icon-render: yes; - --spectrum-search-xl-quiet-icon-type: icon; - --spectrum-search-xl-quiet-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-search-xl-quiet-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-quiet-placeholder-render: no; - --spectrum-search-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-quiet-placeholder-text-transform: none; - --spectrum-search-xl-quiet-text-transform: none; - --spectrum-search-xl-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-text-flex-grow: 1; - --spectrum-search-xl-quiet-text-render: yes; - --spectrum-search-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-quiet-text-text-transform: none; - --spectrum-search-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-search-xl-quiet-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-search-xl-quiet-clearbutton-fill-layout: row; - --spectrum-search-xl-quiet-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-quiet-clearbutton-fill-padding-top: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-bottom: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-left: 0; - --spectrum-search-xl-quiet-clearbutton-fill-padding-right: 0; - --spectrum-search-xl-quiet-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-search-xl-quiet-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-xl-quiet-clearbutton-render: no; - --spectrum-search-xl-quiet-clearbutton-position: absolute; - --spectrum-search-xl-quiet-clearbutton-right: 0; - --spectrum-search-xl-quiet-clearbutton-top: 0; - --spectrum-search-xl-quiet-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-search-xl-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-xl-quiet-focusring-border-radius: 0; - --spectrum-search-xl-quiet-focusring-border-width: 0; - --spectrum-search-xl-quiet-focusring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-search-xl-quiet-focusring-type: focusring; - --spectrum-search-xl-quiet-position: relative; - --spectrum-search-xl-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-search-xl-quiet-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-xl-quiet-overflow: hidden; - --spectrum-search-xl-quiet-padding-left: var(--spectrum-alias-search-padding-left-xl); - --spectrum-search-xl-quiet-layout: row; - --spectrum-search-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-search-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-search-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-search-xl-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-search-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-search-xl-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-search-xl-clearbutton-fill-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-search-xl-focusring-render-disabled: no; - --spectrum-search-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-search-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-search-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-search-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-search-xl-clearbutton-fill-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-search-xl-clearbutton-fill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-clearbutton-fill-border-color: transparent; - --spectrum-search-xl-focusring-render: no; - --spectrum-search-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-search-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-search-xl-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-search-xl-clearbutton-fill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-search-xl-clearbutton-fill-border-color-down: transparent; - --spectrum-search-xl-focusring-render-down: no; - --spectrum-search-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-search-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-search-xl-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-search-xl-clearbutton-fill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-search-xl-clearbutton-fill-border-color-hover: transparent; - --spectrum-search-xl-focusring-render-hover: no; - --spectrum-search-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-search-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-search-xl-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-search-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-search-xl-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-search-xl-clearbutton-fill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-search-xl-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-search-xl-focusring-render-key-focus: yes; - --spectrum-search-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-search-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-search-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-search-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-search-xl-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-search-xl-clearbutton-fill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-search-xl-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-search-xl-focusring-render-mouse-focus: no; - --spectrum-search-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-search-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-search-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-search-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-search-xl-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-search-xl-icon-margin-top: 0; - --spectrum-search-xl-icon-margin-bottom: 0; - --spectrum-search-xl-icon-render: yes; - --spectrum-search-xl-icon-type: icon; - --spectrum-search-xl-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-search-xl-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-placeholder-render: no; - --spectrum-search-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-search-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-search-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-placeholder-text-transform: none; - --spectrum-search-xl-text-transform: none; - --spectrum-search-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-text-flex-grow: 1; - --spectrum-search-xl-text-render: yes; - --spectrum-search-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-search-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-search-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-search-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-search-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-search-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-search-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-search-xl-text-text-transform: none; - --spectrum-search-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-search-xl-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-search-xl-clearbutton-fill-uiicon-margin: var(--spectrum-alias-clearbutton-icon-margin-xl); - --spectrum-search-xl-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-300); - --spectrum-search-xl-clearbutton-fill-layout: row; - --spectrum-search-xl-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-search-xl-clearbutton-fill-padding-top: 0; - --spectrum-search-xl-clearbutton-fill-padding-bottom: 0; - --spectrum-search-xl-clearbutton-fill-padding-left: 0; - --spectrum-search-xl-clearbutton-fill-padding-right: 0; - --spectrum-search-xl-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-search-xl-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-search-xl-clearbutton-render: no; - --spectrum-search-xl-clearbutton-position: absolute; - --spectrum-search-xl-clearbutton-right: 0; - --spectrum-search-xl-clearbutton-top: 0; - --spectrum-search-xl-clearbutton-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-search-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-focusring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-search-xl-focusring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-search-xl-focusring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-xl-focusring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-search-xl-focusring-type: focusring; - --spectrum-search-xl-position: relative; - --spectrum-search-xl-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-search-xl-width: var(--spectrum-global-dimension-size-2000); - --spectrum-search-xl-overflow: hidden; - --spectrum-search-xl-padding-left: var(--spectrum-alias-search-padding-left-xl); - --spectrum-search-xl-layout: row; - --spectrum-search-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-search-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-search-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-search-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-searchwithin.css b/components/vars/css/components/spectrum-searchwithin.css deleted file mode 100644 index 9d45fd6e58b..00000000000 --- a/components/vars/css/components/spectrum-searchwithin.css +++ /dev/null @@ -1,760 +0,0 @@ -:root { - --spectrum-searchwithin-s-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-s-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-s-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-s-quiet-focusring-render: no; - --spectrum-searchwithin-s-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-s-quiet-focusring-render-down: no; - --spectrum-searchwithin-s-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-s-quiet-focusring-render-hover: no; - --spectrum-searchwithin-s-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-s-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-s-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-s-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-s-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-s-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-s-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-quiet-padding-left: 36px; - --spectrum-searchwithin-s-quiet-padding-right: 28px; - --spectrum-searchwithin-s-quiet-icon-render: yes; - --spectrum-searchwithin-s-quiet-icon-type: icon; - --spectrum-searchwithin-s-quiet-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-searchwithin-s-quiet-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-quiet-placeholder-render: no; - --spectrum-searchwithin-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-s-quiet-text-transform: none; - --spectrum-searchwithin-s-quiet-text-flex-grow: 1; - --spectrum-searchwithin-s-quiet-text-render: yes; - --spectrum-searchwithin-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-quiet-text-text-transform: none; - --spectrum-searchwithin-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-quiet-focusring-type: focusring; - --spectrum-searchwithin-s-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-s-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-s-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-s-quiet-position: relative; - --spectrum-searchwithin-s-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-s-quiet-overflow: hidden; - --spectrum-searchwithin-s-quiet-layout: row; - --spectrum-searchwithin-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-searchwithin-s-quiet-border-size: 0; - --spectrum-searchwithin-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-searchwithin-s-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-s-focusring-render-disabled: no; - --spectrum-searchwithin-s-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-s-focusring-render: no; - --spectrum-searchwithin-s-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-s-focusring-render-down: no; - --spectrum-searchwithin-s-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-s-focusring-render-hover: no; - --spectrum-searchwithin-s-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-s-focusring-render-key-focus: yes; - --spectrum-searchwithin-s-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-s-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-s-focusring-render-mouse-focus: no; - --spectrum-searchwithin-s-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-s-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-padding-left: 36px; - --spectrum-searchwithin-s-padding-right: 28px; - --spectrum-searchwithin-s-icon-render: yes; - --spectrum-searchwithin-s-icon-type: icon; - --spectrum-searchwithin-s-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-searchwithin-s-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-placeholder-render: no; - --spectrum-searchwithin-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-placeholder-text-transform: none; - --spectrum-searchwithin-s-text-transform: none; - --spectrum-searchwithin-s-text-flex-grow: 1; - --spectrum-searchwithin-s-text-render: yes; - --spectrum-searchwithin-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-searchwithin-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-s-text-text-transform: none; - --spectrum-searchwithin-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-searchwithin-s-focusring-type: focusring; - --spectrum-searchwithin-s-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-s-focusring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-s-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-s-position: relative; - --spectrum-searchwithin-s-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-s-overflow: hidden; - --spectrum-searchwithin-s-layout: row; - --spectrum-searchwithin-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-searchwithin-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-searchwithin-m-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-m-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-m-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-m-quiet-focusring-render: no; - --spectrum-searchwithin-m-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-m-quiet-focusring-render-down: no; - --spectrum-searchwithin-m-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-m-quiet-focusring-render-hover: no; - --spectrum-searchwithin-m-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-m-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-m-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-m-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-m-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-m-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-m-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-quiet-padding-left: 36px; - --spectrum-searchwithin-m-quiet-padding-right: 28px; - --spectrum-searchwithin-m-quiet-icon-render: yes; - --spectrum-searchwithin-m-quiet-icon-type: icon; - --spectrum-searchwithin-m-quiet-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-searchwithin-m-quiet-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-quiet-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-quiet-placeholder-render: no; - --spectrum-searchwithin-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-m-quiet-text-transform: none; - --spectrum-searchwithin-m-quiet-text-flex-grow: 1; - --spectrum-searchwithin-m-quiet-text-render: yes; - --spectrum-searchwithin-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-quiet-text-text-transform: none; - --spectrum-searchwithin-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-quiet-focusring-type: focusring; - --spectrum-searchwithin-m-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-m-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-m-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-m-quiet-position: relative; - --spectrum-searchwithin-m-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-m-quiet-overflow: hidden; - --spectrum-searchwithin-m-quiet-layout: row; - --spectrum-searchwithin-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-m-quiet-border-size: 0; - --spectrum-searchwithin-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-searchwithin-m-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-m-focusring-render-disabled: no; - --spectrum-searchwithin-m-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-m-focusring-render: no; - --spectrum-searchwithin-m-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-m-focusring-render-down: no; - --spectrum-searchwithin-m-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-m-focusring-render-hover: no; - --spectrum-searchwithin-m-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-m-focusring-render-key-focus: yes; - --spectrum-searchwithin-m-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-m-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-m-focusring-render-mouse-focus: no; - --spectrum-searchwithin-m-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-m-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-padding-left: 36px; - --spectrum-searchwithin-m-padding-right: 28px; - --spectrum-searchwithin-m-icon-render: yes; - --spectrum-searchwithin-m-icon-type: icon; - --spectrum-searchwithin-m-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-searchwithin-m-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-searchwithin-m-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-placeholder-render: no; - --spectrum-searchwithin-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-placeholder-text-transform: none; - --spectrum-searchwithin-m-text-transform: none; - --spectrum-searchwithin-m-text-flex-grow: 1; - --spectrum-searchwithin-m-text-render: yes; - --spectrum-searchwithin-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-searchwithin-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-m-text-text-transform: none; - --spectrum-searchwithin-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-searchwithin-m-focusring-type: focusring; - --spectrum-searchwithin-m-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-m-focusring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-m-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-m-position: relative; - --spectrum-searchwithin-m-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-m-overflow: hidden; - --spectrum-searchwithin-m-layout: row; - --spectrum-searchwithin-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-searchwithin-l-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-l-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-l-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-l-quiet-focusring-render: no; - --spectrum-searchwithin-l-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-l-quiet-focusring-render-down: no; - --spectrum-searchwithin-l-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-l-quiet-focusring-render-hover: no; - --spectrum-searchwithin-l-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-l-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-l-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-l-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-l-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-l-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-l-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-quiet-padding-left: 36px; - --spectrum-searchwithin-l-quiet-padding-right: 28px; - --spectrum-searchwithin-l-quiet-icon-render: yes; - --spectrum-searchwithin-l-quiet-icon-type: icon; - --spectrum-searchwithin-l-quiet-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-quiet-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-placeholder-render: no; - --spectrum-searchwithin-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-l-quiet-text-transform: none; - --spectrum-searchwithin-l-quiet-text-flex-grow: 1; - --spectrum-searchwithin-l-quiet-text-render: yes; - --spectrum-searchwithin-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-quiet-text-text-transform: none; - --spectrum-searchwithin-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-quiet-focusring-type: focusring; - --spectrum-searchwithin-l-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-l-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-l-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-l-quiet-position: relative; - --spectrum-searchwithin-l-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-l-quiet-overflow: hidden; - --spectrum-searchwithin-l-quiet-layout: row; - --spectrum-searchwithin-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-searchwithin-l-quiet-border-size: 0; - --spectrum-searchwithin-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-searchwithin-l-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-l-focusring-render-disabled: no; - --spectrum-searchwithin-l-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-l-focusring-render: no; - --spectrum-searchwithin-l-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-l-focusring-render-down: no; - --spectrum-searchwithin-l-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-l-focusring-render-hover: no; - --spectrum-searchwithin-l-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-l-focusring-render-key-focus: yes; - --spectrum-searchwithin-l-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-l-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-l-focusring-render-mouse-focus: no; - --spectrum-searchwithin-l-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-l-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-padding-left: 36px; - --spectrum-searchwithin-l-padding-right: 28px; - --spectrum-searchwithin-l-icon-render: yes; - --spectrum-searchwithin-l-icon-type: icon; - --spectrum-searchwithin-l-icon-margin-top: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-l-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-placeholder-render: no; - --spectrum-searchwithin-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-placeholder-text-transform: none; - --spectrum-searchwithin-l-text-transform: none; - --spectrum-searchwithin-l-text-flex-grow: 1; - --spectrum-searchwithin-l-text-render: yes; - --spectrum-searchwithin-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-searchwithin-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-l-text-text-transform: none; - --spectrum-searchwithin-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-searchwithin-l-focusring-type: focusring; - --spectrum-searchwithin-l-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-l-focusring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-l-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-l-position: relative; - --spectrum-searchwithin-l-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-l-overflow: hidden; - --spectrum-searchwithin-l-layout: row; - --spectrum-searchwithin-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-searchwithin-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-searchwithin-xl-quiet-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-xl-quiet-focusring-render-disabled: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-searchwithin-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-xl-quiet-focusring-render: no; - --spectrum-searchwithin-xl-quiet-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-xl-quiet-focusring-render-down: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-xl-quiet-focusring-render-hover: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-xl-quiet-focusring-render-key-focus: yes; - --spectrum-searchwithin-xl-quiet-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-xl-quiet-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-searchwithin-xl-quiet-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-focusring-render-mouse-focus: no; - --spectrum-searchwithin-xl-quiet-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-quiet-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-quiet-padding-left: 36px; - --spectrum-searchwithin-xl-quiet-padding-right: 28px; - --spectrum-searchwithin-xl-quiet-icon-render: yes; - --spectrum-searchwithin-xl-quiet-icon-type: icon; - --spectrum-searchwithin-xl-quiet-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-searchwithin-xl-quiet-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-quiet-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-quiet-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-quiet-placeholder-render: no; - --spectrum-searchwithin-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-quiet-placeholder-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-flex-grow: 1; - --spectrum-searchwithin-xl-quiet-text-render: yes; - --spectrum-searchwithin-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-quiet-text-text-transform: none; - --spectrum-searchwithin-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-quiet-focusring-type: focusring; - --spectrum-searchwithin-xl-quiet-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-xl-quiet-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-quiet-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-xl-quiet-position: relative; - --spectrum-searchwithin-xl-quiet-border-radius: var(--spectrum-alias-search-border-radius-quiet); - --spectrum-searchwithin-xl-quiet-overflow: hidden; - --spectrum-searchwithin-xl-quiet-layout: row; - --spectrum-searchwithin-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-searchwithin-xl-quiet-border-size: 0; - --spectrum-searchwithin-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-searchwithin-xl-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-searchwithin-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-searchwithin-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-searchwithin-xl-focusring-render-disabled: no; - --spectrum-searchwithin-xl-focusring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-searchwithin-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-searchwithin-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-searchwithin-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-searchwithin-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-searchwithin-xl-focusring-render: no; - --spectrum-searchwithin-xl-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-searchwithin-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-searchwithin-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-searchwithin-xl-focusring-render-down: no; - --spectrum-searchwithin-xl-focusring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-searchwithin-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-searchwithin-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-searchwithin-xl-focusring-render-hover: no; - --spectrum-searchwithin-xl-focusring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-searchwithin-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-searchwithin-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-searchwithin-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-searchwithin-xl-focusring-render-key-focus: yes; - --spectrum-searchwithin-xl-focusring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-searchwithin-xl-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-searchwithin-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-searchwithin-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-searchwithin-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-searchwithin-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-searchwithin-xl-focusring-render-mouse-focus: no; - --spectrum-searchwithin-xl-focusring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-searchwithin-xl-focusring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-searchwithin-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-searchwithin-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-searchwithin-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-padding-left: 36px; - --spectrum-searchwithin-xl-padding-right: 28px; - --spectrum-searchwithin-xl-icon-render: yes; - --spectrum-searchwithin-xl-icon-type: icon; - --spectrum-searchwithin-xl-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-searchwithin-xl-icon-margin-top: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-searchwithin-xl-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-placeholder-render: no; - --spectrum-searchwithin-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-searchwithin-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-searchwithin-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-placeholder-text-transform: none; - --spectrum-searchwithin-xl-text-transform: none; - --spectrum-searchwithin-xl-text-flex-grow: 1; - --spectrum-searchwithin-xl-text-render: yes; - --spectrum-searchwithin-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-searchwithin-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-searchwithin-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-searchwithin-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-searchwithin-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-searchwithin-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-searchwithin-xl-text-text-transform: none; - --spectrum-searchwithin-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-searchwithin-xl-focusring-type: focusring; - --spectrum-searchwithin-xl-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-searchwithin-xl-focusring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-searchwithin-xl-width: var(--spectrum-global-dimension-size-2400); - --spectrum-searchwithin-xl-position: relative; - --spectrum-searchwithin-xl-border-radius: var(--spectrum-alias-search-border-radius); - --spectrum-searchwithin-xl-overflow: hidden; - --spectrum-searchwithin-xl-layout: row; - --spectrum-searchwithin-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-searchwithin-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-searchwithin-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-searchwithin-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-sidenav.css b/components/vars/css/components/spectrum-sidenav.css deleted file mode 100644 index e3d4c04681f..00000000000 --- a/components/vars/css/components/spectrum-sidenav.css +++ /dev/null @@ -1,242 +0,0 @@ -:root { - --spectrum-sidenav-multilevel-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-main-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-main-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-main-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-main-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-multilevel-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-main-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-main-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-multilevel-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-main-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-multilevel-main-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-multilevel-main-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-multilevel-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-main-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-multilevel-main-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-multilevel-main-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-multilevel-heading-text-color: var(--spectrum-global-color-gray-700); - --spectrum-sidenav-multilevel-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-multilevel-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-multilevel-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-multilevel-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-item-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-indentation: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-item-layout: row; - --spectrum-sidenav-multilevel-item-align-items: center; - --spectrum-sidenav-multilevel-item-text-decoration: none; - --spectrum-sidenav-multilevel-main-item-margin-left: 0; - --spectrum-sidenav-multilevel-main-item-indentation: 0; - --spectrum-sidenav-multilevel-main-item-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-sidenav-multilevel-main-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-multilevel-main-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-multilevel-main-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-multilevel-main-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-main-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-main-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-main-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-main-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-main-item-layout: row; - --spectrum-sidenav-multilevel-main-item-align-items: center; - --spectrum-sidenav-multilevel-main-item-text-decoration: none; - --spectrum-sidenav-multilevel-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-sidenav-multilevel-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-sidenav-multilevel-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-sidenav-multilevel-heading-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-sidenav-multilevel-heading-text-font-weight: var(--spectrum-global-font-weight-medium); - --spectrum-sidenav-multilevel-heading-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-sidenav-multilevel-heading-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-sidenav-multilevel-heading-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-heading-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-multilevel-heading-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-multilevel-heading-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-multilevel-heading-gap-top: var(--spectrum-global-dimension-size-200); - --spectrum-sidenav-multilevel-heading-gap-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-multilevel-min-width: var(--spectrum-global-dimension-size-3000); - --spectrum-sidenav-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-main-item-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-main-item-background-color-selected-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-main-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-main-item-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-sidenav-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-main-item-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color: var(--spectrum-alias-text-color); - --spectrum-sidenav-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-main-item-background-color-down: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-sidenav-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-main-item-background-color-key-focus: var(--spectrum-alias-highlight-hover); - --spectrum-sidenav-main-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-sidenav-main-item-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-sidenav-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-main-item-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-sidenav-main-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-sidenav-main-item-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-sidenav-heading-text-color: var(--spectrum-global-color-gray-700); - --spectrum-sidenav-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-item-margin-left: 0; - --spectrum-sidenav-item-indentation: 0; - --spectrum-sidenav-item-layout: row; - --spectrum-sidenav-item-align-items: center; - --spectrum-sidenav-item-text-decoration: none; - --spectrum-sidenav-main-item-margin-left: 0; - --spectrum-sidenav-main-item-indentation: 0; - --spectrum-sidenav-main-item-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-sidenav-main-item-text-size: var(--spectrum-alias-font-size-default); - --spectrum-sidenav-main-item-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-sidenav-main-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-sidenav-main-item-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-main-item-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-main-item-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-main-item-gap: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-main-item-touch-hit-top: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-main-item-layout: row; - --spectrum-sidenav-main-item-align-items: center; - --spectrum-sidenav-main-item-text-decoration: none; - --spectrum-sidenav-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-sidenav-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-sidenav-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-sidenav-heading-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-sidenav-heading-text-font-weight: var(--spectrum-global-font-weight-medium); - --spectrum-sidenav-heading-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-sidenav-heading-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-sidenav-heading-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-heading-height: var(--spectrum-alias-single-line-height); - --spectrum-sidenav-heading-padding-x: var(--spectrum-global-dimension-size-150); - --spectrum-sidenav-heading-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-sidenav-heading-gap-top: var(--spectrum-global-dimension-size-200); - --spectrum-sidenav-heading-gap-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-sidenav-min-width: var(--spectrum-global-dimension-size-3000); -} diff --git a/components/vars/css/components/spectrum-slider.css b/components/vars/css/components/spectrum-slider.css deleted file mode 100644 index 99a60c47d6e..00000000000 --- a/components/vars/css/components/spectrum-slider.css +++ /dev/null @@ -1,4442 +0,0 @@ -:root { - --spectrum-slider-s-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render: no; - --spectrum-slider-s-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-tick-editable-text-transform: none; - --spectrum-slider-s-tick-editable-text-render: yes; - --spectrum-slider-s-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-tick-editable-text-text-transform: none; - --spectrum-slider-s-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-tick-editable-text-transform: none; - --spectrum-slider-s-ramp-tick-editable-text-render: yes; - --spectrum-slider-s-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-s-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-s-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-tick-editable-text-transform: none; - --spectrum-slider-s-range-tick-editable-text-render: yes; - --spectrum-slider-s-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-tick-editable-text-text-transform: none; - --spectrum-slider-s-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render: no; - --spectrum-slider-s-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-down: no; - --spectrum-slider-s-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-hover: no; - --spectrum-slider-s-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-focus-ring-type: focusring; - --spectrum-slider-s-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-tick-text-transform: none; - --spectrum-slider-s-tick-text-render: yes; - --spectrum-slider-s-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-tick-text-text-transform: none; - --spectrum-slider-s-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-s-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-tick-text-transform: none; - --spectrum-slider-s-ramp-tick-text-render: yes; - --spectrum-slider-s-ramp-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-tick-text-text-transform: none; - --spectrum-slider-s-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-s-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render: no; - --spectrum-slider-s-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-down: no; - --spectrum-slider-s-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-hover: no; - --spectrum-slider-s-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-focus-ring-type: focusring; - --spectrum-slider-s-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-tick-text-transform: none; - --spectrum-slider-s-range-tick-text-render: yes; - --spectrum-slider-s-range-tick-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-tick-text-text-transform: none; - --spectrum-slider-s-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-tick-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-tick-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-tick-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render: no; - --spectrum-slider-s-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-down: no; - --spectrum-slider-s-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-hover: no; - --spectrum-slider-s-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-editable-focus-ring-type: focusring; - --spectrum-slider-s-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-editable-text-transform: none; - --spectrum-slider-s-editable-text-render: yes; - --spectrum-slider-s-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-editable-text-text-transform: none; - --spectrum-slider-s-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-s-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-editable-text-transform: none; - --spectrum-slider-s-ramp-editable-text-render: yes; - --spectrum-slider-s-ramp-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-editable-text-text-transform: none; - --spectrum-slider-s-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-s-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render: no; - --spectrum-slider-s-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-down: no; - --spectrum-slider-s-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-hover: no; - --spectrum-slider-s-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-editable-focus-ring-type: focusring; - --spectrum-slider-s-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-editable-text-transform: none; - --spectrum-slider-s-range-editable-text-render: yes; - --spectrum-slider-s-range-editable-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-editable-text-text-transform: none; - --spectrum-slider-s-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-editable-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-editable-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-editable-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-editable-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-disabled: no; - --spectrum-slider-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render: no; - --spectrum-slider-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-down: no; - --spectrum-slider-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-hover: no; - --spectrum-slider-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-focus-ring-render-key-focus: yes; - --spectrum-slider-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-focus-ring-type: focusring; - --spectrum-slider-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-text-transform: none; - --spectrum-slider-s-text-render: yes; - --spectrum-slider-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-text-text-transform: none; - --spectrum-slider-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-disabled: no; - --spectrum-slider-s-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render: no; - --spectrum-slider-s-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-down: no; - --spectrum-slider-s-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-hover: no; - --spectrum-slider-s-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-s-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-focus-ring-type: focusring; - --spectrum-slider-s-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-ramp-text-transform: none; - --spectrum-slider-s-ramp-text-render: yes; - --spectrum-slider-s-ramp-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-ramp-text-text-transform: none; - --spectrum-slider-s-ramp-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-ramp-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-ramp-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-ramp-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-s-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-disabled: no; - --spectrum-slider-s-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-s-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-s-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render: no; - --spectrum-slider-s-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-s-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-down: no; - --spectrum-slider-s-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-s-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-hover: no; - --spectrum-slider-s-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-s-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-focus-ring-render-key-focus: yes; - --spectrum-slider-s-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-s-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-s-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-s-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-s-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-s-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-s-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-s-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-s-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-s-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-s-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-focus-ring-type: focusring; - --spectrum-slider-s-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-s-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-s-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-s-range-text-transform: none; - --spectrum-slider-s-range-text-render: yes; - --spectrum-slider-s-range-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-slider-s-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-s-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-s-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-s-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-s-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-s-range-text-text-transform: none; - --spectrum-slider-s-range-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-slider-s-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-s-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-s-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-handle-width: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-handle-height: var(--spectrum-alias-control-two-size-m); - --spectrum-slider-s-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-s-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-handle-border-radius: var(--spectrum-global-dimension-size-85); - --spectrum-slider-s-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-s-range-mark-height: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-s-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-s-range-height: var(--spectrum-global-dimension-size-300); - --spectrum-slider-s-range-min-width: var(--spectrum-global-dimension-size-1200); - --spectrum-slider-s-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-s-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render: no; - --spectrum-slider-m-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-tick-editable-text-transform: none; - --spectrum-slider-m-tick-editable-text-render: yes; - --spectrum-slider-m-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-tick-editable-text-text-transform: none; - --spectrum-slider-m-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-tick-editable-text-transform: none; - --spectrum-slider-m-ramp-tick-editable-text-render: yes; - --spectrum-slider-m-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-m-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-m-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-tick-editable-text-transform: none; - --spectrum-slider-m-range-tick-editable-text-render: yes; - --spectrum-slider-m-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-tick-editable-text-text-transform: none; - --spectrum-slider-m-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render: no; - --spectrum-slider-m-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-down: no; - --spectrum-slider-m-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-hover: no; - --spectrum-slider-m-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-focus-ring-type: focusring; - --spectrum-slider-m-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-tick-text-transform: none; - --spectrum-slider-m-tick-text-render: yes; - --spectrum-slider-m-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-tick-text-text-transform: none; - --spectrum-slider-m-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-m-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-tick-text-transform: none; - --spectrum-slider-m-ramp-tick-text-render: yes; - --spectrum-slider-m-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-tick-text-text-transform: none; - --spectrum-slider-m-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-m-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render: no; - --spectrum-slider-m-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-down: no; - --spectrum-slider-m-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-hover: no; - --spectrum-slider-m-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-focus-ring-type: focusring; - --spectrum-slider-m-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-tick-text-transform: none; - --spectrum-slider-m-range-tick-text-render: yes; - --spectrum-slider-m-range-tick-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-tick-text-text-transform: none; - --spectrum-slider-m-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-tick-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-tick-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render: no; - --spectrum-slider-m-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-down: no; - --spectrum-slider-m-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-hover: no; - --spectrum-slider-m-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-editable-focus-ring-type: focusring; - --spectrum-slider-m-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-editable-text-transform: none; - --spectrum-slider-m-editable-text-render: yes; - --spectrum-slider-m-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-editable-text-text-transform: none; - --spectrum-slider-m-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-m-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-editable-text-transform: none; - --spectrum-slider-m-ramp-editable-text-render: yes; - --spectrum-slider-m-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-editable-text-text-transform: none; - --spectrum-slider-m-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-m-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render: no; - --spectrum-slider-m-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-down: no; - --spectrum-slider-m-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-hover: no; - --spectrum-slider-m-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-editable-focus-ring-type: focusring; - --spectrum-slider-m-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-editable-text-transform: none; - --spectrum-slider-m-range-editable-text-render: yes; - --spectrum-slider-m-range-editable-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-editable-text-text-transform: none; - --spectrum-slider-m-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-editable-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-editable-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-editable-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-disabled: no; - --spectrum-slider-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render: no; - --spectrum-slider-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-down: no; - --spectrum-slider-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-hover: no; - --spectrum-slider-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-focus-ring-render-key-focus: yes; - --spectrum-slider-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-focus-ring-type: focusring; - --spectrum-slider-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-text-transform: none; - --spectrum-slider-m-text-render: yes; - --spectrum-slider-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-text-text-transform: none; - --spectrum-slider-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-disabled: no; - --spectrum-slider-m-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render: no; - --spectrum-slider-m-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-down: no; - --spectrum-slider-m-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-hover: no; - --spectrum-slider-m-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-m-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-focus-ring-type: focusring; - --spectrum-slider-m-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-ramp-text-transform: none; - --spectrum-slider-m-ramp-text-render: yes; - --spectrum-slider-m-ramp-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-ramp-text-text-transform: none; - --spectrum-slider-m-ramp-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-ramp-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-ramp-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-m-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-disabled: no; - --spectrum-slider-m-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-m-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-m-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render: no; - --spectrum-slider-m-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-m-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-down: no; - --spectrum-slider-m-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-m-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-hover: no; - --spectrum-slider-m-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-m-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-focus-ring-render-key-focus: yes; - --spectrum-slider-m-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-m-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-m-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-m-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-m-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-m-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-m-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-m-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-m-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-m-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-m-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-focus-ring-type: focusring; - --spectrum-slider-m-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-m-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-130); - --spectrum-slider-m-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-m-range-text-transform: none; - --spectrum-slider-m-range-text-render: yes; - --spectrum-slider-m-range-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-slider-m-range-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-slider-m-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-m-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-m-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-m-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-m-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-m-range-text-text-transform: none; - --spectrum-slider-m-range-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-slider-m-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-m-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-m-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-handle-width: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-handle-height: var(--spectrum-alias-control-two-size-l); - --spectrum-slider-m-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-m-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-handle-border-radius: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-m-range-mark-height: var(--spectrum-global-dimension-size-125); - --spectrum-slider-m-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-m-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-m-range-height: var(--spectrum-global-dimension-size-400); - --spectrum-slider-m-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-m-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-m-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render: no; - --spectrum-slider-l-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-tick-editable-text-transform: none; - --spectrum-slider-l-tick-editable-text-render: yes; - --spectrum-slider-l-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-tick-editable-text-text-transform: none; - --spectrum-slider-l-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-tick-editable-text-transform: none; - --spectrum-slider-l-ramp-tick-editable-text-render: yes; - --spectrum-slider-l-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-l-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-l-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-tick-editable-text-transform: none; - --spectrum-slider-l-range-tick-editable-text-render: yes; - --spectrum-slider-l-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-tick-editable-text-text-transform: none; - --spectrum-slider-l-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render: no; - --spectrum-slider-l-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-down: no; - --spectrum-slider-l-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-hover: no; - --spectrum-slider-l-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-focus-ring-type: focusring; - --spectrum-slider-l-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-tick-text-transform: none; - --spectrum-slider-l-tick-text-render: yes; - --spectrum-slider-l-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-tick-text-text-transform: none; - --spectrum-slider-l-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-l-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-tick-text-transform: none; - --spectrum-slider-l-ramp-tick-text-render: yes; - --spectrum-slider-l-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-tick-text-text-transform: none; - --spectrum-slider-l-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-l-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render: no; - --spectrum-slider-l-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-down: no; - --spectrum-slider-l-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-hover: no; - --spectrum-slider-l-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-focus-ring-type: focusring; - --spectrum-slider-l-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-tick-text-transform: none; - --spectrum-slider-l-range-tick-text-render: yes; - --spectrum-slider-l-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-tick-text-text-transform: none; - --spectrum-slider-l-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-tick-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-tick-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render: no; - --spectrum-slider-l-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-down: no; - --spectrum-slider-l-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-hover: no; - --spectrum-slider-l-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-editable-focus-ring-type: focusring; - --spectrum-slider-l-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-editable-text-transform: none; - --spectrum-slider-l-editable-text-render: yes; - --spectrum-slider-l-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-editable-text-text-transform: none; - --spectrum-slider-l-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-l-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-editable-text-transform: none; - --spectrum-slider-l-ramp-editable-text-render: yes; - --spectrum-slider-l-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-editable-text-text-transform: none; - --spectrum-slider-l-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-l-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render: no; - --spectrum-slider-l-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-down: no; - --spectrum-slider-l-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-hover: no; - --spectrum-slider-l-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-editable-focus-ring-type: focusring; - --spectrum-slider-l-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-editable-text-transform: none; - --spectrum-slider-l-range-editable-text-render: yes; - --spectrum-slider-l-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-editable-text-text-transform: none; - --spectrum-slider-l-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-editable-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-editable-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-editable-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-disabled: no; - --spectrum-slider-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render: no; - --spectrum-slider-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-down: no; - --spectrum-slider-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-hover: no; - --spectrum-slider-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-focus-ring-render-key-focus: yes; - --spectrum-slider-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-focus-ring-type: focusring; - --spectrum-slider-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-text-transform: none; - --spectrum-slider-l-text-render: yes; - --spectrum-slider-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-text-text-transform: none; - --spectrum-slider-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-disabled: no; - --spectrum-slider-l-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render: no; - --spectrum-slider-l-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-down: no; - --spectrum-slider-l-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-hover: no; - --spectrum-slider-l-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-l-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-focus-ring-type: focusring; - --spectrum-slider-l-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-ramp-text-transform: none; - --spectrum-slider-l-ramp-text-render: yes; - --spectrum-slider-l-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-ramp-text-text-transform: none; - --spectrum-slider-l-ramp-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-ramp-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-ramp-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-l-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-disabled: no; - --spectrum-slider-l-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-l-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-l-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render: no; - --spectrum-slider-l-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-l-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-down: no; - --spectrum-slider-l-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-l-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-hover: no; - --spectrum-slider-l-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-l-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-focus-ring-render-key-focus: yes; - --spectrum-slider-l-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-l-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-l-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-l-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-l-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-l-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-l-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-l-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-l-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-l-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-l-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-focus-ring-type: focusring; - --spectrum-slider-l-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-l-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-l-range-text-transform: none; - --spectrum-slider-l-range-text-render: yes; - --spectrum-slider-l-range-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-slider-l-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-l-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-l-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-l-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-l-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-l-range-text-text-transform: none; - --spectrum-slider-l-range-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-slider-l-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-l-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-l-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-handle-width: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-handle-height: var(--spectrum-alias-control-two-size-xl); - --spectrum-slider-l-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-l-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-handle-border-radius: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-l-range-mark-height: var(--spectrum-global-dimension-size-150); - --spectrum-slider-l-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-l-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-l-range-height: var(--spectrum-global-dimension-size-500); - --spectrum-slider-l-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-l-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-l-range-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-tick-editable-text-transform: none; - --spectrum-slider-xl-tick-editable-text-render: yes; - --spectrum-slider-xl-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-tick-editable-text-text-transform: none; - --spectrum-slider-xl-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-tick-editable-text-transform: none; - --spectrum-slider-xl-ramp-tick-editable-text-render: yes; - --spectrum-slider-xl-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-tick-editable-text-text-transform: none; - --spectrum-slider-xl-ramp-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-tick-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-tick-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-tick-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-down: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-tick-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-tick-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-tick-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-tick-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-tick-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-editable-focus-ring-type: focusring; - --spectrum-slider-xl-range-tick-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-tick-editable-text-transform: none; - --spectrum-slider-xl-range-tick-editable-text-render: yes; - --spectrum-slider-xl-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-tick-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-tick-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-tick-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-tick-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-tick-editable-text-text-transform: none; - --spectrum-slider-xl-range-tick-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-tick-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-tick-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-tick-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-tick-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-tick-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-tick-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-tick-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render: no; - --spectrum-slider-xl-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-down: no; - --spectrum-slider-xl-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-focus-ring-type: focusring; - --spectrum-slider-xl-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-tick-text-transform: none; - --spectrum-slider-xl-tick-text-render: yes; - --spectrum-slider-xl-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-tick-text-text-transform: none; - --spectrum-slider-xl-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-tick-text-transform: none; - --spectrum-slider-xl-ramp-tick-text-render: yes; - --spectrum-slider-xl-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-tick-text-text-transform: none; - --spectrum-slider-xl-ramp-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-tick-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-tick-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-tick-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-tick-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render: no; - --spectrum-slider-xl-range-tick-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-tick-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-down: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-tick-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-hover: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-tick-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-tick-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-tick-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-tick-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-tick-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-tick-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-tick-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-tick-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-tick-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-tick-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-tick-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-tick-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-focus-ring-type: focusring; - --spectrum-slider-xl-range-tick-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-tick-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-tick-text-transform: none; - --spectrum-slider-xl-range-tick-text-render: yes; - --spectrum-slider-xl-range-tick-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-tick-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-tick-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-tick-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-tick-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-tick-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-tick-text-text-transform: none; - --spectrum-slider-xl-range-tick-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-tick-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-tick-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-tick-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-tick-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-tick-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-tick-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-tick-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-tick-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-tick-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-tick-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-tick-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render: no; - --spectrum-slider-xl-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-down: no; - --spectrum-slider-xl-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-editable-focus-ring-type: focusring; - --spectrum-slider-xl-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-editable-text-transform: none; - --spectrum-slider-xl-editable-text-render: yes; - --spectrum-slider-xl-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-editable-text-text-transform: none; - --spectrum-slider-xl-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-editable-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-editable-text-transform: none; - --spectrum-slider-xl-ramp-editable-text-render: yes; - --spectrum-slider-xl-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-editable-text-text-transform: none; - --spectrum-slider-xl-ramp-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-editable-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-editable-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-editable-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-editable-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render: no; - --spectrum-slider-xl-range-editable-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-editable-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-down: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-editable-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-hover: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-editable-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-editable-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-editable-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-editable-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-editable-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-editable-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-editable-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-editable-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-editable-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-editable-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-editable-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-editable-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-editable-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-editable-focus-ring-type: focusring; - --spectrum-slider-xl-range-editable-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-editable-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-editable-text-transform: none; - --spectrum-slider-xl-range-editable-text-render: yes; - --spectrum-slider-xl-range-editable-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-editable-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-editable-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-editable-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-editable-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-editable-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-editable-text-text-transform: none; - --spectrum-slider-xl-range-editable-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-editable-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-editable-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-editable-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-editable-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-editable-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-editable-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-editable-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-editable-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-editable-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-editable-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-editable-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-editable-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-editable-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-disabled: no; - --spectrum-slider-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render: no; - --spectrum-slider-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-down: no; - --spectrum-slider-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-hover: no; - --spectrum-slider-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-focus-ring-type: focusring; - --spectrum-slider-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-text-transform: none; - --spectrum-slider-xl-text-render: yes; - --spectrum-slider-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-text-text-transform: none; - --spectrum-slider-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-ramp-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-disabled: no; - --spectrum-slider-xl-ramp-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-ramp-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-ramp-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render: no; - --spectrum-slider-xl-ramp-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-ramp-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-down: no; - --spectrum-slider-xl-ramp-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-ramp-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-hover: no; - --spectrum-slider-xl-ramp-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-ramp-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-ramp-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-ramp-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-ramp-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-ramp-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-ramp-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-ramp-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-ramp-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-ramp-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-ramp-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-ramp-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-ramp-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-focus-ring-type: focusring; - --spectrum-slider-xl-ramp-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-ramp-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-ramp-text-transform: none; - --spectrum-slider-xl-ramp-text-render: yes; - --spectrum-slider-xl-ramp-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-ramp-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-ramp-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-ramp-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-ramp-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-ramp-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-ramp-text-text-transform: none; - --spectrum-slider-xl-ramp-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-ramp-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-ramp-track-height: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-ramp-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-ramp-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-ramp-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-ramp-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-ramp-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-ramp-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-ramp-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-ramp-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-ramp-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-slider-xl-range-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-disabled: no; - --spectrum-slider-xl-range-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-slider-xl-range-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-track-fill-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-mark-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-slider-xl-range-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render: no; - --spectrum-slider-xl-range-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-slider-xl-range-track-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-mark-color: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-down: no; - --spectrum-slider-xl-range-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-slider-xl-range-track-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-down: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-down: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-down: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-hover: no; - --spectrum-slider-xl-range-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-slider-xl-range-track-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-hover: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-focus-ring-render-key-focus: yes; - --spectrum-slider-xl-range-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-slider-xl-range-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-slider-xl-range-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-slider-xl-range-track-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-slider-xl-range-mark-color-key-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-render-mouse-focus: no; - --spectrum-slider-xl-range-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-slider-xl-range-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-slider-xl-range-track-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-track-fill-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-handle-border-color-mouse-focus: var(--spectrum-global-color-gray-700); - --spectrum-slider-xl-range-mark-color-mouse-focus: var(--spectrum-global-color-gray-400); - --spectrum-slider-xl-range-handle-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-slider-xl-range-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-focus-ring-type: focusring; - --spectrum-slider-xl-range-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-slider-xl-range-focus-ring-border-radius: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-radial-reaction-size: var(--spectrum-global-dimension-static-size-550); - --spectrum-slider-xl-range-text-transform: none; - --spectrum-slider-xl-range-text-render: yes; - --spectrum-slider-xl-range-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-slider-xl-range-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-slider-xl-range-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-slider-xl-range-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-slider-xl-range-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-slider-xl-range-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-slider-xl-range-text-text-transform: none; - --spectrum-slider-xl-range-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-slider-xl-range-textfield-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-track-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-slider-xl-range-track-height: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-track-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-track-cursor-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-track-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-handle-width: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-handle-height: var(--spectrum-alias-control-two-size-xxl); - --spectrum-slider-xl-range-handle-gap: var(--spectrum-alias-border-size-thicker); - --spectrum-slider-xl-range-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-handle-border-radius: var(--spectrum-global-dimension-size-125); - --spectrum-slider-xl-range-mark-margin-x: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-mark-width: var(--spectrum-alias-border-size-thick); - --spectrum-slider-xl-range-mark-height: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-mark-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-slider-xl-range-mark-margin-left: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-mark-margin-right: var(--spectrum-global-dimension-size-10); - --spectrum-slider-xl-range-height: var(--spectrum-global-dimension-size-600); - --spectrum-slider-xl-range-min-width: var(--spectrum-global-dimension-size-1250); - --spectrum-slider-xl-range-hot-text-cursor-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-slider-xl-range-animation-ease: var(--spectrum-global-animation-ease-in-out); -} diff --git a/components/vars/css/components/spectrum-splitbutton.css b/components/vars/css/components/spectrum-splitbutton.css deleted file mode 100644 index dce41aae8b8..00000000000 --- a/components/vars/css/components/spectrum-splitbutton.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-splitbutton-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-splitbutton-icon-height: var(--spectrum-global-dimension-size-125); -} diff --git a/components/vars/css/components/spectrum-statuslight.css b/components/vars/css/components/spectrum-statuslight.css deleted file mode 100644 index 70cd0d7a49c..00000000000 --- a/components/vars/css/components/spectrum-statuslight.css +++ /dev/null @@ -1,1926 +0,0 @@ -:root { - --spectrum-statuslight-s-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-s-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-celery-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-celery-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-celery-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-celery-text-transform: none; - --spectrum-statuslight-s-celery-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-celery-text-render: yes; - --spectrum-statuslight-s-celery-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-celery-text-text-transform: none; - --spectrum-statuslight-s-celery-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-celery-layout: inline-row; - --spectrum-statuslight-s-celery-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-celery-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-s-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-chartreuse-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-chartreuse-text-transform: none; - --spectrum-statuslight-s-chartreuse-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-chartreuse-text-render: yes; - --spectrum-statuslight-s-chartreuse-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-chartreuse-text-text-transform: none; - --spectrum-statuslight-s-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-chartreuse-layout: inline-row; - --spectrum-statuslight-s-chartreuse-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-chartreuse-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-s-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-fuchsia-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-fuchsia-text-transform: none; - --spectrum-statuslight-s-fuchsia-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-fuchsia-text-render: yes; - --spectrum-statuslight-s-fuchsia-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-fuchsia-text-text-transform: none; - --spectrum-statuslight-s-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-fuchsia-layout: inline-row; - --spectrum-statuslight-s-fuchsia-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-fuchsia-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-s-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-indigo-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-indigo-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-indigo-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-indigo-text-transform: none; - --spectrum-statuslight-s-indigo-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-indigo-text-render: yes; - --spectrum-statuslight-s-indigo-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-indigo-text-text-transform: none; - --spectrum-statuslight-s-indigo-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-indigo-layout: inline-row; - --spectrum-statuslight-s-indigo-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-indigo-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-s-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-info-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-info-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-info-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-info-text-transform: none; - --spectrum-statuslight-s-info-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-info-text-render: yes; - --spectrum-statuslight-s-info-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-info-text-text-transform: none; - --spectrum-statuslight-s-info-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-info-layout: inline-row; - --spectrum-statuslight-s-info-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-info-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-s-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-magenta-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-magenta-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-magenta-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-magenta-text-transform: none; - --spectrum-statuslight-s-magenta-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-magenta-text-render: yes; - --spectrum-statuslight-s-magenta-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-magenta-text-text-transform: none; - --spectrum-statuslight-s-magenta-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-magenta-layout: inline-row; - --spectrum-statuslight-s-magenta-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-magenta-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-s-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-s-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-neutral-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-neutral-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-neutral-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-neutral-text-transform: none; - --spectrum-statuslight-s-neutral-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-s-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-s-neutral-text-render: yes; - --spectrum-statuslight-s-neutral-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-neutral-text-text-transform: none; - --spectrum-statuslight-s-neutral-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-neutral-layout: inline-row; - --spectrum-statuslight-s-neutral-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-neutral-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-s-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-negative-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-negative-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-negative-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-negative-text-transform: none; - --spectrum-statuslight-s-negative-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-negative-text-render: yes; - --spectrum-statuslight-s-negative-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-negative-text-text-transform: none; - --spectrum-statuslight-s-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-negative-layout: inline-row; - --spectrum-statuslight-s-negative-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-negative-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-s-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-notice-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-notice-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-notice-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-notice-text-transform: none; - --spectrum-statuslight-s-notice-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-notice-text-render: yes; - --spectrum-statuslight-s-notice-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-notice-text-text-transform: none; - --spectrum-statuslight-s-notice-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-notice-layout: inline-row; - --spectrum-statuslight-s-notice-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-notice-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-s-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-positive-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-positive-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-positive-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-positive-text-transform: none; - --spectrum-statuslight-s-positive-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-positive-text-render: yes; - --spectrum-statuslight-s-positive-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-positive-text-text-transform: none; - --spectrum-statuslight-s-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-positive-layout: inline-row; - --spectrum-statuslight-s-positive-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-positive-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-s-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-purple-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-purple-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-purple-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-purple-text-transform: none; - --spectrum-statuslight-s-purple-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-purple-text-render: yes; - --spectrum-statuslight-s-purple-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-purple-text-text-transform: none; - --spectrum-statuslight-s-purple-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-purple-layout: inline-row; - --spectrum-statuslight-s-purple-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-purple-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-s-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-seafoam-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-seafoam-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-seafoam-text-transform: none; - --spectrum-statuslight-s-seafoam-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-seafoam-text-render: yes; - --spectrum-statuslight-s-seafoam-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-seafoam-text-text-transform: none; - --spectrum-statuslight-s-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-seafoam-layout: inline-row; - --spectrum-statuslight-s-seafoam-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-seafoam-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-s-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-s-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-s-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-s-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-s-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-s-yellow-dot-margin-top: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-s-yellow-dot-size: var(--spectrum-global-dimension-static-size-100); - --spectrum-statuslight-s-yellow-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-yellow-text-transform: none; - --spectrum-statuslight-s-yellow-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-s-yellow-text-render: yes; - --spectrum-statuslight-s-yellow-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-statuslight-s-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-s-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-s-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-s-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-s-yellow-text-text-transform: none; - --spectrum-statuslight-s-yellow-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-statuslight-s-yellow-layout: inline-row; - --spectrum-statuslight-s-yellow-gap: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-s-yellow-height: var(--spectrum-global-dimension-size-300); - --spectrum-statuslight-m-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-m-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-celery-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-celery-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-celery-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-celery-text-transform: none; - --spectrum-statuslight-m-celery-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-celery-text-render: yes; - --spectrum-statuslight-m-celery-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-celery-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-celery-text-text-transform: none; - --spectrum-statuslight-m-celery-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-celery-layout: inline-row; - --spectrum-statuslight-m-celery-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-celery-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-m-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-chartreuse-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-chartreuse-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-chartreuse-text-transform: none; - --spectrum-statuslight-m-chartreuse-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-chartreuse-text-render: yes; - --spectrum-statuslight-m-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-chartreuse-text-text-transform: none; - --spectrum-statuslight-m-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-chartreuse-layout: inline-row; - --spectrum-statuslight-m-chartreuse-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-chartreuse-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-m-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-fuchsia-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-fuchsia-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-fuchsia-text-transform: none; - --spectrum-statuslight-m-fuchsia-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-fuchsia-text-render: yes; - --spectrum-statuslight-m-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-fuchsia-text-text-transform: none; - --spectrum-statuslight-m-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-fuchsia-layout: inline-row; - --spectrum-statuslight-m-fuchsia-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-fuchsia-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-m-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-indigo-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-indigo-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-indigo-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-indigo-text-transform: none; - --spectrum-statuslight-m-indigo-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-indigo-text-render: yes; - --spectrum-statuslight-m-indigo-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-indigo-text-text-transform: none; - --spectrum-statuslight-m-indigo-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-indigo-layout: inline-row; - --spectrum-statuslight-m-indigo-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-indigo-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-m-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-info-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-info-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-info-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-info-text-transform: none; - --spectrum-statuslight-m-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-info-text-render: yes; - --spectrum-statuslight-m-info-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-info-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-info-text-text-transform: none; - --spectrum-statuslight-m-info-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-info-layout: inline-row; - --spectrum-statuslight-m-info-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-info-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-m-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-magenta-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-magenta-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-magenta-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-magenta-text-transform: none; - --spectrum-statuslight-m-magenta-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-magenta-text-render: yes; - --spectrum-statuslight-m-magenta-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-magenta-text-text-transform: none; - --spectrum-statuslight-m-magenta-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-magenta-layout: inline-row; - --spectrum-statuslight-m-magenta-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-magenta-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-m-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-m-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-neutral-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-neutral-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-neutral-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-neutral-text-transform: none; - --spectrum-statuslight-m-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-m-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-m-neutral-text-render: yes; - --spectrum-statuslight-m-neutral-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-neutral-text-text-transform: none; - --spectrum-statuslight-m-neutral-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-neutral-layout: inline-row; - --spectrum-statuslight-m-neutral-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-neutral-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-m-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-negative-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-negative-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-negative-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-negative-text-transform: none; - --spectrum-statuslight-m-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-negative-text-render: yes; - --spectrum-statuslight-m-negative-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-negative-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-negative-text-text-transform: none; - --spectrum-statuslight-m-negative-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-negative-layout: inline-row; - --spectrum-statuslight-m-negative-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-negative-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-m-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-notice-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-notice-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-notice-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-notice-text-transform: none; - --spectrum-statuslight-m-notice-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-notice-text-render: yes; - --spectrum-statuslight-m-notice-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-notice-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-notice-text-text-transform: none; - --spectrum-statuslight-m-notice-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-notice-layout: inline-row; - --spectrum-statuslight-m-notice-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-notice-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-m-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-positive-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-positive-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-positive-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-positive-text-transform: none; - --spectrum-statuslight-m-positive-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-positive-text-render: yes; - --spectrum-statuslight-m-positive-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-positive-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-positive-text-text-transform: none; - --spectrum-statuslight-m-positive-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-positive-layout: inline-row; - --spectrum-statuslight-m-positive-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-positive-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-m-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-purple-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-purple-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-purple-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-purple-text-transform: none; - --spectrum-statuslight-m-purple-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-purple-text-render: yes; - --spectrum-statuslight-m-purple-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-purple-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-purple-text-text-transform: none; - --spectrum-statuslight-m-purple-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-purple-layout: inline-row; - --spectrum-statuslight-m-purple-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-purple-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-m-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-seafoam-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-seafoam-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-seafoam-text-transform: none; - --spectrum-statuslight-m-seafoam-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-seafoam-text-render: yes; - --spectrum-statuslight-m-seafoam-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-seafoam-text-text-transform: none; - --spectrum-statuslight-m-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-seafoam-layout: inline-row; - --spectrum-statuslight-m-seafoam-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-seafoam-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-m-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-m-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-m-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-m-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-m-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-m-yellow-dot-margin-top: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-m-yellow-dot-size: var(--spectrum-global-dimension-size-100); - --spectrum-statuslight-m-yellow-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-yellow-text-transform: none; - --spectrum-statuslight-m-yellow-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-m-yellow-text-render: yes; - --spectrum-statuslight-m-yellow-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-statuslight-m-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-m-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-m-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-m-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-m-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-m-yellow-text-text-transform: none; - --spectrum-statuslight-m-yellow-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-statuslight-m-yellow-layout: inline-row; - --spectrum-statuslight-m-yellow-gap: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-m-yellow-height: var(--spectrum-global-dimension-size-400); - --spectrum-statuslight-l-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-l-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-celery-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-celery-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-text-transform: none; - --spectrum-statuslight-l-celery-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-celery-text-render: yes; - --spectrum-statuslight-l-celery-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-celery-text-text-transform: none; - --spectrum-statuslight-l-celery-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-celery-layout: inline-row; - --spectrum-statuslight-l-celery-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-celery-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-l-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-chartreuse-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-text-transform: none; - --spectrum-statuslight-l-chartreuse-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-chartreuse-text-render: yes; - --spectrum-statuslight-l-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-chartreuse-text-text-transform: none; - --spectrum-statuslight-l-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-chartreuse-layout: inline-row; - --spectrum-statuslight-l-chartreuse-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-chartreuse-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-l-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-fuchsia-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-text-transform: none; - --spectrum-statuslight-l-fuchsia-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-fuchsia-text-render: yes; - --spectrum-statuslight-l-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-fuchsia-text-text-transform: none; - --spectrum-statuslight-l-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-fuchsia-layout: inline-row; - --spectrum-statuslight-l-fuchsia-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-fuchsia-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-l-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-indigo-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-indigo-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-text-transform: none; - --spectrum-statuslight-l-indigo-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-indigo-text-render: yes; - --spectrum-statuslight-l-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-indigo-text-text-transform: none; - --spectrum-statuslight-l-indigo-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-indigo-layout: inline-row; - --spectrum-statuslight-l-indigo-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-indigo-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-l-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-info-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-info-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-text-transform: none; - --spectrum-statuslight-l-info-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-info-text-render: yes; - --spectrum-statuslight-l-info-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-info-text-text-transform: none; - --spectrum-statuslight-l-info-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-info-layout: inline-row; - --spectrum-statuslight-l-info-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-info-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-l-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-magenta-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-magenta-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-text-transform: none; - --spectrum-statuslight-l-magenta-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-magenta-text-render: yes; - --spectrum-statuslight-l-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-magenta-text-text-transform: none; - --spectrum-statuslight-l-magenta-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-magenta-layout: inline-row; - --spectrum-statuslight-l-magenta-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-magenta-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-l-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-l-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-neutral-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-neutral-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-text-transform: none; - --spectrum-statuslight-l-neutral-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-l-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-l-neutral-text-render: yes; - --spectrum-statuslight-l-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-neutral-text-text-transform: none; - --spectrum-statuslight-l-neutral-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-neutral-layout: inline-row; - --spectrum-statuslight-l-neutral-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-neutral-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-l-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-negative-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-negative-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-text-transform: none; - --spectrum-statuslight-l-negative-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-negative-text-render: yes; - --spectrum-statuslight-l-negative-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-negative-text-text-transform: none; - --spectrum-statuslight-l-negative-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-negative-layout: inline-row; - --spectrum-statuslight-l-negative-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-negative-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-l-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-notice-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-notice-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-text-transform: none; - --spectrum-statuslight-l-notice-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-notice-text-render: yes; - --spectrum-statuslight-l-notice-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-notice-text-text-transform: none; - --spectrum-statuslight-l-notice-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-notice-layout: inline-row; - --spectrum-statuslight-l-notice-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-notice-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-l-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-positive-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-positive-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-text-transform: none; - --spectrum-statuslight-l-positive-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-positive-text-render: yes; - --spectrum-statuslight-l-positive-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-positive-text-text-transform: none; - --spectrum-statuslight-l-positive-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-positive-layout: inline-row; - --spectrum-statuslight-l-positive-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-positive-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-l-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-purple-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-purple-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-text-transform: none; - --spectrum-statuslight-l-purple-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-purple-text-render: yes; - --spectrum-statuslight-l-purple-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-purple-text-text-transform: none; - --spectrum-statuslight-l-purple-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-purple-layout: inline-row; - --spectrum-statuslight-l-purple-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-purple-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-l-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-seafoam-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-text-transform: none; - --spectrum-statuslight-l-seafoam-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-seafoam-text-render: yes; - --spectrum-statuslight-l-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-seafoam-text-text-transform: none; - --spectrum-statuslight-l-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-seafoam-layout: inline-row; - --spectrum-statuslight-l-seafoam-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-seafoam-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-l-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-l-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-l-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-l-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-l-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-l-yellow-dot-margin-top: var(--spectrum-global-dimension-size-185); - --spectrum-statuslight-l-yellow-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-text-transform: none; - --spectrum-statuslight-l-yellow-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-l-yellow-text-render: yes; - --spectrum-statuslight-l-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-l-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-l-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-l-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-l-yellow-text-text-transform: none; - --spectrum-statuslight-l-yellow-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-statuslight-l-yellow-layout: inline-row; - --spectrum-statuslight-l-yellow-gap: var(--spectrum-global-dimension-size-130); - --spectrum-statuslight-l-yellow-height: var(--spectrum-global-dimension-size-500); - --spectrum-statuslight-xl-celery-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-celery-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-celery-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-celery-dot-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-down: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-hover: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-key-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-dot-background-color-mouse-focus: var(--spectrum-global-color-celery-400); - --spectrum-statuslight-xl-celery-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-celery-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-celery-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-celery-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-celery-text-transform: none; - --spectrum-statuslight-xl-celery-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-celery-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-celery-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-celery-text-render: yes; - --spectrum-statuslight-xl-celery-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-celery-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-celery-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-celery-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-celery-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-celery-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-celery-text-text-transform: none; - --spectrum-statuslight-xl-celery-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-celery-layout: inline-row; - --spectrum-statuslight-xl-celery-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-celery-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-chartreuse-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-chartreuse-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-chartreuse-dot-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-down: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-hover: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-key-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-dot-background-color-mouse-focus: var(--spectrum-global-color-chartreuse-400); - --spectrum-statuslight-xl-chartreuse-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-chartreuse-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-chartreuse-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-chartreuse-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-chartreuse-text-transform: none; - --spectrum-statuslight-xl-chartreuse-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-chartreuse-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-chartreuse-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-chartreuse-text-render: yes; - --spectrum-statuslight-xl-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-chartreuse-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-chartreuse-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-chartreuse-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-chartreuse-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-chartreuse-text-text-transform: none; - --spectrum-statuslight-xl-chartreuse-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-chartreuse-layout: inline-row; - --spectrum-statuslight-xl-chartreuse-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-chartreuse-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-fuchsia-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-fuchsia-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-fuchsia-dot-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-down: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-hover: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-key-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-dot-background-color-mouse-focus: var(--spectrum-global-color-fuchsia-400); - --spectrum-statuslight-xl-fuchsia-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-fuchsia-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-fuchsia-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-fuchsia-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-fuchsia-text-transform: none; - --spectrum-statuslight-xl-fuchsia-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-fuchsia-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-fuchsia-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-fuchsia-text-render: yes; - --spectrum-statuslight-xl-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-fuchsia-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-fuchsia-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-fuchsia-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-fuchsia-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-fuchsia-text-text-transform: none; - --spectrum-statuslight-xl-fuchsia-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-fuchsia-layout: inline-row; - --spectrum-statuslight-xl-fuchsia-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-fuchsia-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-indigo-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-indigo-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-indigo-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-indigo-dot-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-down: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-hover: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-key-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-dot-background-color-mouse-focus: var(--spectrum-global-color-indigo-400); - --spectrum-statuslight-xl-indigo-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-indigo-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-indigo-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-indigo-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-indigo-text-transform: none; - --spectrum-statuslight-xl-indigo-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-indigo-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-indigo-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-indigo-text-render: yes; - --spectrum-statuslight-xl-indigo-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-indigo-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-indigo-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-indigo-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-indigo-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-indigo-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-indigo-text-text-transform: none; - --spectrum-statuslight-xl-indigo-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-indigo-layout: inline-row; - --spectrum-statuslight-xl-indigo-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-indigo-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-info-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-info-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-info-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-info-dot-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-down: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-hover: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-key-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-dot-background-color-mouse-focus: var(--spectrum-semantic-informative-status-color); - --spectrum-statuslight-xl-info-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-info-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-info-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-info-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-info-text-transform: none; - --spectrum-statuslight-xl-info-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-info-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-info-text-render: yes; - --spectrum-statuslight-xl-info-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-info-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-info-text-text-transform: none; - --spectrum-statuslight-xl-info-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-info-layout: inline-row; - --spectrum-statuslight-xl-info-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-info-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-magenta-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-magenta-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-magenta-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-magenta-dot-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-down: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-hover: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-key-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-dot-background-color-mouse-focus: var(--spectrum-global-color-magenta-400); - --spectrum-statuslight-xl-magenta-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-magenta-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-magenta-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-magenta-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-magenta-text-transform: none; - --spectrum-statuslight-xl-magenta-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-magenta-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-magenta-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-magenta-text-render: yes; - --spectrum-statuslight-xl-magenta-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-magenta-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-magenta-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-magenta-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-magenta-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-magenta-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-magenta-text-text-transform: none; - --spectrum-statuslight-xl-magenta-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-magenta-layout: inline-row; - --spectrum-statuslight-xl-magenta-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-magenta-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-neutral-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-neutral-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-neutral-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-neutral-dot-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-down: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-down: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-hover: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-key-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-key-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-dot-background-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-statuslight-xl-neutral-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-statuslight-xl-neutral-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-neutral-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-neutral-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-neutral-text-transform: none; - --spectrum-statuslight-xl-neutral-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-neutral-text-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-xl-neutral-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-statuslight-xl-neutral-text-render: yes; - --spectrum-statuslight-xl-neutral-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-neutral-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-neutral-text-text-transform: none; - --spectrum-statuslight-xl-neutral-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-neutral-layout: inline-row; - --spectrum-statuslight-xl-neutral-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-neutral-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-negative-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-negative-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-negative-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-negative-dot-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-down: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-hover: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-key-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-dot-background-color-mouse-focus: var(--spectrum-semantic-negative-status-color); - --spectrum-statuslight-xl-negative-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-negative-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-negative-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-negative-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-negative-text-transform: none; - --spectrum-statuslight-xl-negative-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-negative-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-negative-text-render: yes; - --spectrum-statuslight-xl-negative-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-negative-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-negative-text-text-transform: none; - --spectrum-statuslight-xl-negative-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-negative-layout: inline-row; - --spectrum-statuslight-xl-negative-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-negative-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-notice-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-notice-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-notice-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-notice-dot-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-down: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-hover: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-key-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-dot-background-color-mouse-focus: var(--spectrum-semantic-notice-status-color); - --spectrum-statuslight-xl-notice-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-notice-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-notice-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-notice-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-notice-text-transform: none; - --spectrum-statuslight-xl-notice-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-notice-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-notice-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-notice-text-render: yes; - --spectrum-statuslight-xl-notice-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-notice-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-notice-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-notice-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-notice-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-notice-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-notice-text-text-transform: none; - --spectrum-statuslight-xl-notice-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-notice-layout: inline-row; - --spectrum-statuslight-xl-notice-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-notice-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-positive-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-positive-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-positive-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-positive-dot-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-down: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-hover: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-key-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-dot-background-color-mouse-focus: var(--spectrum-semantic-positive-status-color); - --spectrum-statuslight-xl-positive-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-positive-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-positive-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-positive-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-positive-text-transform: none; - --spectrum-statuslight-xl-positive-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-positive-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-positive-text-render: yes; - --spectrum-statuslight-xl-positive-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-positive-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-positive-text-text-transform: none; - --spectrum-statuslight-xl-positive-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-positive-layout: inline-row; - --spectrum-statuslight-xl-positive-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-positive-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-purple-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-purple-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-purple-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-purple-dot-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-down: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-hover: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-key-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-dot-background-color-mouse-focus: var(--spectrum-global-color-purple-400); - --spectrum-statuslight-xl-purple-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-purple-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-purple-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-purple-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-purple-text-transform: none; - --spectrum-statuslight-xl-purple-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-purple-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-purple-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-purple-text-render: yes; - --spectrum-statuslight-xl-purple-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-purple-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-purple-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-purple-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-purple-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-purple-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-purple-text-text-transform: none; - --spectrum-statuslight-xl-purple-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-purple-layout: inline-row; - --spectrum-statuslight-xl-purple-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-purple-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-seafoam-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-seafoam-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-seafoam-dot-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-down: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-hover: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-key-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-dot-background-color-mouse-focus: var(--spectrum-global-color-seafoam-400); - --spectrum-statuslight-xl-seafoam-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-seafoam-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-seafoam-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-seafoam-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-seafoam-text-transform: none; - --spectrum-statuslight-xl-seafoam-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-seafoam-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-seafoam-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-seafoam-text-render: yes; - --spectrum-statuslight-xl-seafoam-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-seafoam-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-seafoam-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-seafoam-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-seafoam-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-seafoam-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-seafoam-text-text-transform: none; - --spectrum-statuslight-xl-seafoam-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-seafoam-layout: inline-row; - --spectrum-statuslight-xl-seafoam-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-seafoam-height: var(--spectrum-global-dimension-size-600); - --spectrum-statuslight-xl-yellow-dot-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-yellow-dot-background-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-statuslight-xl-yellow-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-statuslight-xl-yellow-dot-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-down: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-down: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-hover: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-hover: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-key-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-key-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-dot-background-color-mouse-focus: var(--spectrum-global-color-yellow-400); - --spectrum-statuslight-xl-yellow-text-color-mouse-focus: var(--spectrum-alias-text-color); - --spectrum-statuslight-xl-yellow-dot-border-radius: var(--spectrum-global-dimension-static-percent-50); - --spectrum-statuslight-xl-yellow-dot-margin-top: var(--spectrum-global-dimension-size-250); - --spectrum-statuslight-xl-yellow-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-yellow-text-transform: none; - --spectrum-statuslight-xl-yellow-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-yellow-text-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-yellow-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-statuslight-xl-yellow-text-render: yes; - --spectrum-statuslight-xl-yellow-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-statuslight-xl-yellow-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-xl-yellow-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-statuslight-xl-yellow-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-statuslight-xl-yellow-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-statuslight-xl-yellow-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-statuslight-xl-yellow-text-text-transform: none; - --spectrum-statuslight-xl-yellow-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-statuslight-xl-yellow-layout: inline-row; - --spectrum-statuslight-xl-yellow-gap: var(--spectrum-global-dimension-size-160); - --spectrum-statuslight-xl-yellow-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-steplist.css b/components/vars/css/components/spectrum-steplist.css deleted file mode 100644 index 31ea8d790a7..00000000000 --- a/components/vars/css/components/spectrum-steplist.css +++ /dev/null @@ -1,50 +0,0 @@ -:root { - --spectrum-steplist-incomplete-marker-color: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-marker-color-down: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-marker-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-steplist-incomplete-marker-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-steplist-incomplete-marker-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-text-text-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-incomplete-label-text-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-incomplete-segment-color: var(--spectrum-global-color-gray-300); - --spectrum-steplist-incomplete-text-transform: none; - --spectrum-steplist-incomplete-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-incomplete-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-incomplete-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-incomplete-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-incomplete-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-incomplete-text-text-transform: none; - --spectrum-steplist-incomplete-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-steplist-complete-marker-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-marker-color-down: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-marker-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-marker-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-steplist-complete-marker-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-text-text-color: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-label-text-color: var(--spectrum-global-color-gray-700); - --spectrum-steplist-complete-segment-color: var(--spectrum-global-color-gray-600); - --spectrum-steplist-complete-text-transform: none; - --spectrum-steplist-complete-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-complete-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-complete-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-complete-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-complete-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-complete-text-text-transform: none; - --spectrum-steplist-complete-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-steplist-current-marker-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-down: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-alias-focus-color); - --spectrum-steplist-current-marker-color-mouse-focus: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-text-text-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-label-text-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-segment-color: var(--spectrum-global-color-gray-800); - --spectrum-steplist-current-text-transform: none; - --spectrum-steplist-current-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-steplist-current-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-steplist-current-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-steplist-current-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-steplist-current-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-steplist-current-text-text-transform: none; - --spectrum-steplist-current-text-font-size: var(--spectrum-global-dimension-font-size-100); -} diff --git a/components/vars/css/components/spectrum-stepperbutton.css b/components/vars/css/components/spectrum-stepperbutton.css deleted file mode 100644 index 3b04d7e54a3..00000000000 --- a/components/vars/css/components/spectrum-stepperbutton.css +++ /dev/null @@ -1,902 +0,0 @@ -:root { - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-left-layout: column; - --spectrum-stepperbutton-s-left-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-left-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-right-layout: column; - --spectrum-stepperbutton-s-right-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-right-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-s-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-s-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-s-none-layout: column; - --spectrum-stepperbutton-s-none-height: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-stepperbutton-s-none-padding: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-stepperbutton-s-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-left-layout: column; - --spectrum-stepperbutton-m-left-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-left-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-right-layout: column; - --spectrum-stepperbutton-m-right-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-right-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-m-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-m-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-m-none-layout: column; - --spectrum-stepperbutton-m-none-height: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-stepperbutton-m-none-padding: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-stepperbutton-m-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-left-layout: column; - --spectrum-stepperbutton-l-left-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-left-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-right-layout: column; - --spectrum-stepperbutton-l-right-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-right-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-l-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-l-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-l-none-layout: column; - --spectrum-stepperbutton-l-none-height: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-stepperbutton-l-none-padding: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-stepperbutton-l-none-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-left-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-left-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-left-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-left-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-left-layout: column; - --spectrum-stepperbutton-xl-left-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-left-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-left-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-right-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-right-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-right-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-right-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-right-layout: column; - --spectrum-stepperbutton-xl-right-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-right-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-right-gap: var(--spectrum-alias-stepperbutton-gap); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-down: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-hover: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-key-focus: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-background-color-mouse-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-color-mouse-focus: transparent; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-rotate: -90deg; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-top-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-incrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-layout: row; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-size: var(--spectrum-alias-input-border-size); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-width: 0; - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-bottom-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-incrementbutton-incrementfill-border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-incrementbutton-padding: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-type: ui-icon; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-rotate: 90deg; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-margin-top: var(--spectrum-alias-stepperbutton-icon-y-offset-bottom-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-decrementuiicon-margin-left: var(--spectrum-alias-stepperbutton-icon-x-offset-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-layout: row; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-padding-left: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-padding-right: 0; - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-width: var(--spectrum-alias-stepperbutton-width-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-height: var(--spectrum-alias-infieldbutton-half-height-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-top-left-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-top-right-radius: var(--spectrum-alias-stepperbutton-radius-touching); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-size: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius); - --spectrum-stepperbutton-xl-none-decrementbutton-decrementfill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-stepperbutton-xl-none-decrementbutton-padding: 0; - --spectrum-stepperbutton-xl-none-layout: column; - --spectrum-stepperbutton-xl-none-height: var(--spectrum-alias-infieldbutton-full-height-xl); - --spectrum-stepperbutton-xl-none-padding: var(--spectrum-alias-infieldbutton-padding-xl); - --spectrum-stepperbutton-xl-none-gap: var(--spectrum-alias-stepperbutton-gap); -} diff --git a/components/vars/css/components/spectrum-switch.css b/components/vars/css/components/spectrum-switch.css deleted file mode 100644 index b904c5d9ff8..00000000000 --- a/components/vars/css/components/spectrum-switch.css +++ /dev/null @@ -1,1046 +0,0 @@ -:root { - --spectrum-switch-s-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-s-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-s-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-s-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-s-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-s-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-s-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render: no; - --spectrum-switch-s-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-s-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-down: no; - --spectrum-switch-s-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-s-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-hover: no; - --spectrum-switch-s-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-s-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-s-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-s-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-s-emphasized-handle-size: var(--spectrum-alias-control-two-size-s); - --spectrum-switch-s-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-s-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-emphasized-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-emphasized-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-emphasized-text-transform: none; - --spectrum-switch-s-emphasized-text-render: yes; - --spectrum-switch-s-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-s-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-s-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-s-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-s-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-s-emphasized-text-text-transform: none; - --spectrum-switch-s-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-emphasized-track-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-emphasized-track-margin-top: 0; - --spectrum-switch-s-emphasized-track-margin-bottom: 0; - --spectrum-switch-s-emphasized-track-height: var(--spectrum-alias-control-three-height-s); - --spectrum-switch-s-emphasized-track-width: var(--spectrum-alias-control-three-width-s); - --spectrum-switch-s-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-s); - --spectrum-switch-s-emphasized-focus-ring-type: focusring; - --spectrum-switch-s-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-emphasized-height: var(--spectrum-global-dimension-size-300); - --spectrum-switch-s-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-emphasized-margin-bottom: 0px; - --spectrum-switch-s-emphasized-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected: no; - --spectrum-switch-s-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-disabled: no; - --spectrum-switch-s-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-s-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-disabled: no; - --spectrum-switch-s-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-s-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-down: no; - --spectrum-switch-s-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-s-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-hover: no; - --spectrum-switch-s-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-s-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-s-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-s-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-s-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-s-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render: no; - --spectrum-switch-s-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-s-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-down: no; - --spectrum-switch-s-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-s-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-hover: no; - --spectrum-switch-s-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-s-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-focus-ring-render-key-focus: yes; - --spectrum-switch-s-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-s-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-s-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-s-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-focus-ring-render-mouse-focus: no; - --spectrum-switch-s-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-s-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-s-handle-size: var(--spectrum-alias-control-two-size-s); - --spectrum-switch-s-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-s-handle-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-text-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-text-transform: none; - --spectrum-switch-s-text-render: yes; - --spectrum-switch-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-s-text-text-transform: none; - --spectrum-switch-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-switch-s-track-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-track-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-switch-s-track-margin-top: 0; - --spectrum-switch-s-track-margin-bottom: 0; - --spectrum-switch-s-track-height: var(--spectrum-alias-control-three-height-s); - --spectrum-switch-s-track-width: var(--spectrum-alias-control-three-width-s); - --spectrum-switch-s-track-border-radius: var(--spectrum-alias-control-two-border-radius-s); - --spectrum-switch-s-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-s); - --spectrum-switch-s-focus-ring-type: focusring; - --spectrum-switch-s-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-s-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-switch-s-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-s-margin-bottom: 0px; - --spectrum-switch-s-gap: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-m-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-m-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-m-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-m-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-m-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-m-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render: no; - --spectrum-switch-m-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-m-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-down: no; - --spectrum-switch-m-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-m-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-hover: no; - --spectrum-switch-m-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-m-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-m-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-m-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-m-emphasized-handle-size: var(--spectrum-alias-control-two-size-m); - --spectrum-switch-m-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-m-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-emphasized-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-emphasized-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-emphasized-text-transform: none; - --spectrum-switch-m-emphasized-text-render: yes; - --spectrum-switch-m-emphasized-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-m-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-m-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-m-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-m-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-m-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-m-emphasized-text-text-transform: none; - --spectrum-switch-m-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-emphasized-track-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-emphasized-track-margin-top: 0; - --spectrum-switch-m-emphasized-track-margin-bottom: 0; - --spectrum-switch-m-emphasized-track-height: var(--spectrum-alias-control-three-height-m); - --spectrum-switch-m-emphasized-track-width: var(--spectrum-alias-control-three-width-m); - --spectrum-switch-m-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-m); - --spectrum-switch-m-emphasized-focus-ring-type: focusring; - --spectrum-switch-m-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-emphasized-height: var(--spectrum-global-dimension-size-400); - --spectrum-switch-m-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-emphasized-margin-bottom: 0px; - --spectrum-switch-m-emphasized-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected: no; - --spectrum-switch-m-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-disabled: no; - --spectrum-switch-m-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-m-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-disabled: no; - --spectrum-switch-m-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-m-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-down: no; - --spectrum-switch-m-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-m-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-hover: no; - --spectrum-switch-m-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-m-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-m-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-m-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-m-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-m-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render: no; - --spectrum-switch-m-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-m-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-down: no; - --spectrum-switch-m-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-m-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-hover: no; - --spectrum-switch-m-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-m-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-focus-ring-render-key-focus: yes; - --spectrum-switch-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-m-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-m-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-m-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-focus-ring-render-mouse-focus: no; - --spectrum-switch-m-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-m-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-m-handle-size: var(--spectrum-alias-control-two-size-m); - --spectrum-switch-m-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-m-handle-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-text-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-text-transform: none; - --spectrum-switch-m-text-render: yes; - --spectrum-switch-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-switch-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-m-text-text-transform: none; - --spectrum-switch-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-switch-m-track-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-track-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-switch-m-track-margin-top: 0; - --spectrum-switch-m-track-margin-bottom: 0; - --spectrum-switch-m-track-height: var(--spectrum-alias-control-three-height-m); - --spectrum-switch-m-track-width: var(--spectrum-alias-control-three-width-m); - --spectrum-switch-m-track-border-radius: var(--spectrum-alias-control-two-border-radius-m); - --spectrum-switch-m-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-m); - --spectrum-switch-m-focus-ring-type: focusring; - --spectrum-switch-m-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-switch-m-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-m-margin-bottom: 0px; - --spectrum-switch-m-gap: var(--spectrum-global-dimension-size-125); - --spectrum-switch-l-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-l-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-l-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-l-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-l-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-l-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-l-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render: no; - --spectrum-switch-l-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-l-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-down: no; - --spectrum-switch-l-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-l-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-hover: no; - --spectrum-switch-l-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-l-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-l-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-l-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-l-emphasized-handle-size: var(--spectrum-alias-control-two-size-l); - --spectrum-switch-l-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-l-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-emphasized-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-emphasized-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-emphasized-text-transform: none; - --spectrum-switch-l-emphasized-text-render: yes; - --spectrum-switch-l-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-l-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-l-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-l-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-l-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-l-emphasized-text-text-transform: none; - --spectrum-switch-l-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-emphasized-track-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-emphasized-track-margin-top: 0; - --spectrum-switch-l-emphasized-track-margin-bottom: 0; - --spectrum-switch-l-emphasized-track-height: var(--spectrum-alias-control-three-height-l); - --spectrum-switch-l-emphasized-track-width: var(--spectrum-alias-control-three-width-l); - --spectrum-switch-l-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-l); - --spectrum-switch-l-emphasized-focus-ring-type: focusring; - --spectrum-switch-l-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-emphasized-height: var(--spectrum-global-dimension-size-500); - --spectrum-switch-l-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-emphasized-margin-bottom: 0px; - --spectrum-switch-l-emphasized-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected: no; - --spectrum-switch-l-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-disabled: no; - --spectrum-switch-l-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-l-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-disabled: no; - --spectrum-switch-l-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-l-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-down: no; - --spectrum-switch-l-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-l-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-hover: no; - --spectrum-switch-l-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-l-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-l-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-l-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-l-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-l-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render: no; - --spectrum-switch-l-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-l-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-down: no; - --spectrum-switch-l-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-l-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-hover: no; - --spectrum-switch-l-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-l-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-focus-ring-render-key-focus: yes; - --spectrum-switch-l-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-l-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-l-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-l-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-focus-ring-render-mouse-focus: no; - --spectrum-switch-l-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-l-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-l-handle-size: var(--spectrum-alias-control-two-size-l); - --spectrum-switch-l-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-l-handle-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-text-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-text-transform: none; - --spectrum-switch-l-text-render: yes; - --spectrum-switch-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-switch-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-l-text-text-transform: none; - --spectrum-switch-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-switch-l-track-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-track-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-switch-l-track-margin-top: 0; - --spectrum-switch-l-track-margin-bottom: 0; - --spectrum-switch-l-track-height: var(--spectrum-alias-control-three-height-l); - --spectrum-switch-l-track-width: var(--spectrum-alias-control-three-width-l); - --spectrum-switch-l-track-border-radius: var(--spectrum-alias-control-two-border-radius-l); - --spectrum-switch-l-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-l); - --spectrum-switch-l-focus-ring-type: focusring; - --spectrum-switch-l-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-l-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-switch-l-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-l-margin-bottom: 0px; - --spectrum-switch-l-gap: var(--spectrum-global-dimension-size-130); - --spectrum-switch-xl-emphasized-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-emphasized-track-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-track-background-color-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-emphasized-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-disabled: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-emphasized-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-emphasized-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-disabled: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-emphasized-track-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-emphasized-selected-down); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-down: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-emphasized-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-emphasized-selected-hover); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-hover: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-emphasized-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-emphasized-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-switch-xl-emphasized-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-emphasized-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-emphasized-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render: no; - --spectrum-switch-xl-emphasized-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-xl-emphasized-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-emphasized-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-down: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-xl-emphasized-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-emphasized-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-hover: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-xl-emphasized-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-emphasized-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-focus-ring-render-key-focus: yes; - --spectrum-switch-xl-emphasized-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-emphasized-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-emphasized-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-emphasized-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-emphasized-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-emphasized-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-focus-ring-render-mouse-focus: no; - --spectrum-switch-xl-emphasized-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-emphasized-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-emphasized-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-xl-emphasized-handle-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-switch-xl-emphasized-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-xl-emphasized-handle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-emphasized-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-emphasized-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-emphasized-text-transform: none; - --spectrum-switch-xl-emphasized-text-render: yes; - --spectrum-switch-xl-emphasized-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-xl-emphasized-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-switch-xl-emphasized-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-xl-emphasized-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-xl-emphasized-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-xl-emphasized-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-xl-emphasized-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-xl-emphasized-text-text-transform: none; - --spectrum-switch-xl-emphasized-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-emphasized-track-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-emphasized-track-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-emphasized-track-margin-top: 0; - --spectrum-switch-xl-emphasized-track-margin-bottom: 0; - --spectrum-switch-xl-emphasized-track-height: var(--spectrum-alias-control-three-height-xl); - --spectrum-switch-xl-emphasized-track-width: var(--spectrum-alias-control-three-width-xl); - --spectrum-switch-xl-emphasized-track-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-emphasized-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-emphasized-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-xl); - --spectrum-switch-xl-emphasized-focus-ring-type: focusring; - --spectrum-switch-xl-emphasized-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-emphasized-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-emphasized-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-emphasized-height: var(--spectrum-global-dimension-size-600); - --spectrum-switch-xl-emphasized-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-emphasized-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-emphasized-margin-bottom: 0px; - --spectrum-switch-xl-emphasized-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-handle-border-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-text-color-selected: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-track-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-track-background-color-selected: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-focus-ring-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected: no; - --spectrum-switch-xl-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-track-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-track-background-color-selected-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-focus-ring-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-disabled: no; - --spectrum-switch-xl-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-switch-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-switch-xl-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-disabled: no; - --spectrum-switch-xl-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-track-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-track-background-color-selected-down: var(--spectrum-alias-toggle-background-color-down); - --spectrum-switch-xl-focus-ring-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-down: no; - --spectrum-switch-xl-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-track-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-track-background-color-selected-hover: var(--spectrum-alias-toggle-background-color-hover); - --spectrum-switch-xl-focus-ring-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-hover: no; - --spectrum-switch-xl-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-track-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-track-background-color-selected-key-focus: var(--spectrum-alias-toggle-background-color-key-focus); - --spectrum-switch-xl-focus-ring-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-focus-ring-render-selected-key-focus: yes; - --spectrum-switch-xl-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-handle-border-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-track-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-track-background-color-selected-mouse-focus: var(--spectrum-alias-toggle-background-color-default); - --spectrum-switch-xl-focus-ring-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-selected-mouse-focus: no; - --spectrum-switch-xl-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-switch-xl-track-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render: no; - --spectrum-switch-xl-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-down: var(--spectrum-alias-toggle-border-color-down); - --spectrum-switch-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-switch-xl-track-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-down: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-down: no; - --spectrum-switch-xl-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-hover: var(--spectrum-alias-toggle-border-color-hover); - --spectrum-switch-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-switch-xl-track-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-hover: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-hover: no; - --spectrum-switch-xl-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-border-color-key-focus: var(--spectrum-alias-toggle-border-color-key-focus); - --spectrum-switch-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-switch-xl-track-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-key-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-focus-ring-render-key-focus: yes; - --spectrum-switch-xl-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-switch-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-switch-xl-handle-border-color-mouse-focus: var(--spectrum-alias-toggle-border-color-default); - --spectrum-switch-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-switch-xl-track-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-track-background-color-mouse-focus: var(--spectrum-global-color-gray-300); - --spectrum-switch-xl-focus-ring-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-focus-ring-render-mouse-focus: no; - --spectrum-switch-xl-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-switch-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-switch-xl-handle-background-color: var(--spectrum-global-color-gray-75); - --spectrum-switch-xl-handle-size: var(--spectrum-alias-control-two-size-xl); - --spectrum-switch-xl-handle-border-size: var(--spectrum-alias-border-size-thick); - --spectrum-switch-xl-handle-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-text-gap: var(--spectrum-global-dimension-size-160); - --spectrum-switch-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-text-transform: none; - --spectrum-switch-xl-text-render: yes; - --spectrum-switch-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-switch-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-switch-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-switch-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-switch-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-switch-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-switch-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-switch-xl-text-text-transform: none; - --spectrum-switch-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-switch-xl-track-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-track-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-switch-xl-track-margin-top: 0; - --spectrum-switch-xl-track-margin-bottom: 0; - --spectrum-switch-xl-track-height: var(--spectrum-alias-control-three-height-xl); - --spectrum-switch-xl-track-width: var(--spectrum-alias-control-three-width-xl); - --spectrum-switch-xl-track-border-radius: var(--spectrum-alias-control-two-border-radius-xl); - --spectrum-switch-xl-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-focus-ring-border-radius: var(--spectrum-alias-control-two-focus-ring-border-radius-xl); - --spectrum-switch-xl-focus-ring-type: focusring; - --spectrum-switch-xl-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-switch-xl-cursor-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-switch-xl-height: var(--spectrum-global-dimension-size-600); - --spectrum-switch-xl-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-switch-xl-margin-bottom: 0px; - --spectrum-switch-xl-gap: var(--spectrum-global-dimension-size-160); -} diff --git a/components/vars/css/components/spectrum-tabbar.css b/components/vars/css/components/spectrum-tabbar.css deleted file mode 100644 index 89d1dd54201..00000000000 --- a/components/vars/css/components/spectrum-tabbar.css +++ /dev/null @@ -1,194 +0,0 @@ -:root { - --spectrum-tabbar-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tabbar-primary-height: 49px; - --spectrum-tabbar-primary-border-size: 1px; - --spectrum-tabbar-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabbar-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-primary-item-icon-type: icon; - --spectrum-tabbar-primary-item-icon-render: yes; - --spectrum-tabbar-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-primary-item-text-transform: none; - --spectrum-tabbar-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-primary-item-text-render: yes; - --spectrum-tabbar-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-primary-item-text-text-transform: none; - --spectrum-tabbar-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabbar-primary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabbar-primary-title-position-offset: -2px; - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-primary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-primary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-primary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-sidelabel-primary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-sidelabel-primary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-sidelabel-primary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-sidelabel-primary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-sidelabel-primary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-sidelabel-primary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-sidelabel-primary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-sidelabel-primary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-sidelabel-primary-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tabbar-sidelabel-primary-height: 49px; - --spectrum-tabbar-sidelabel-primary-border-size: 1px; - --spectrum-tabbar-sidelabel-primary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-tabbar-sidelabel-primary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-sidelabel-primary-item-icon-type: icon; - --spectrum-tabbar-sidelabel-primary-item-icon-render: yes; - --spectrum-tabbar-sidelabel-primary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-primary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-primary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-primary-item-text-transform: none; - --spectrum-tabbar-sidelabel-primary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-primary-item-text-render: yes; - --spectrum-tabbar-sidelabel-primary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-sidelabel-primary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-sidelabel-primary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-sidelabel-primary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-sidelabel-primary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-sidelabel-primary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-sidelabel-primary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-sidelabel-primary-item-text-text-transform: none; - --spectrum-tabbar-sidelabel-primary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-tabbar-sidelabel-primary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-tabbar-sidelabel-primary-title-position-offset: -2px; - --spectrum-tabbar-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-tabbar-secondary-height: 49px; - --spectrum-tabbar-secondary-border-size: 1px; - --spectrum-tabbar-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabbar-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-secondary-item-icon-type: icon; - --spectrum-tabbar-secondary-item-icon-render: yes; - --spectrum-tabbar-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-secondary-item-text-transform: none; - --spectrum-tabbar-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-50); - --spectrum-tabbar-secondary-item-text-render: yes; - --spectrum-tabbar-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-secondary-item-text-text-transform: none; - --spectrum-tabbar-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabbar-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabbar-secondary-title-position-offset: -2px; - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-down: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-hover: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-selected-mouse-focus: var(--spectrum-alias-icon-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-text-color-selected-mouse-focus: var(--spectrum-alias-text-color-selected); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-tabbar-sidelabel-secondary-item-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabbar-sidelabel-secondary-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabbar-sidelabel-secondary-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabbar-sidelabel-secondary-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-tabbar-sidelabel-secondary-item-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabbar-sidelabel-secondary-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-tabbar-sidelabel-secondary-background-color: var(--spectrum-alias-background-color-secondary); - --spectrum-tabbar-sidelabel-secondary-height: 49px; - --spectrum-tabbar-sidelabel-secondary-border-size: 1px; - --spectrum-tabbar-sidelabel-secondary-item-icon-gap: var(--spectrum-global-dimension-static-size-115); - --spectrum-tabbar-sidelabel-secondary-item-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-tabbar-sidelabel-secondary-item-icon-type: icon; - --spectrum-tabbar-sidelabel-secondary-item-icon-render: yes; - --spectrum-tabbar-sidelabel-secondary-item-icon-margin-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-secondary-item-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabbar-sidelabel-secondary-item-text-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-secondary-item-text-transform: none; - --spectrum-tabbar-sidelabel-secondary-item-text-font-size: var(--spectrum-global-dimension-static-font-size-150); - --spectrum-tabbar-sidelabel-secondary-item-text-render: yes; - --spectrum-tabbar-sidelabel-secondary-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabbar-sidelabel-secondary-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabbar-sidelabel-secondary-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabbar-sidelabel-secondary-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabbar-sidelabel-secondary-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabbar-sidelabel-secondary-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabbar-sidelabel-secondary-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabbar-sidelabel-secondary-item-text-text-transform: none; - --spectrum-tabbar-sidelabel-secondary-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); - --spectrum-tabbar-sidelabel-secondary-item-padding-top: var(--spectrum-global-dimension-static-size-200); - --spectrum-tabbar-sidelabel-secondary-title-position-offset: -2px; -} diff --git a/components/vars/css/components/spectrum-table.css b/components/vars/css/components/spectrum-table.css deleted file mode 100644 index b5bc2efee88..00000000000 --- a/components/vars/css/components/spectrum-table.css +++ /dev/null @@ -1,2078 +0,0 @@ -:root { - --spectrum-table-s-compact-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-compact-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-compact-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-compact-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-compact-quiet-header-text-margin-top: 0px; - --spectrum-table-s-compact-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-compact-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-compact-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-compact-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-compact-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-compact-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-quiet-header-text-align: left; - --spectrum-table-s-compact-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-header-vertical-alignment: top; - --spectrum-table-s-compact-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-compact-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-compact-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-compact-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-quiet-cell-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-table-s-compact-quiet-cell-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-quiet-cell-vertical-alignment: top; - --spectrum-table-s-compact-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-compact-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-compact-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-compact-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-compact-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-compact-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-compact-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-compact-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-compact-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-compact-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-compact-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-compact-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-compact-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-compact-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-compact-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-compact-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-compact-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-compact-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-compact-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-compact-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-compact-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-compact-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-compact-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-compact-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-compact-header-text-text-transform: uppercase; - --spectrum-table-s-compact-header-text-margin-top: 0px; - --spectrum-table-s-compact-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-compact-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-compact-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-compact-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-compact-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-compact-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-compact-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-compact-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-compact-header-text-align: left; - --spectrum-table-s-compact-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-header-vertical-alignment: top; - --spectrum-table-s-compact-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-compact-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-compact-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-compact-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-compact-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-compact-cell-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-table-s-compact-cell-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-cell-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-table-s-compact-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-compact-cell-vertical-alignment: top; - --spectrum-table-s-compact-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-compact-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-compact-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-regular-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-regular-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-regular-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-regular-quiet-header-text-margin-top: 0px; - --spectrum-table-s-regular-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-regular-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-regular-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-regular-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-regular-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-quiet-header-text-align: left; - --spectrum-table-s-regular-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-header-vertical-alignment: top; - --spectrum-table-s-regular-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-regular-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-regular-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-regular-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-quiet-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-quiet-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-quiet-cell-vertical-alignment: top; - --spectrum-table-s-regular-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-regular-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-regular-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-regular-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-regular-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-regular-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-regular-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-regular-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-regular-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-regular-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-regular-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-regular-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-regular-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-regular-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-regular-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-regular-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-regular-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-regular-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-regular-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-regular-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-regular-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-regular-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-regular-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-regular-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-regular-header-text-text-transform: uppercase; - --spectrum-table-s-regular-header-text-margin-top: 0px; - --spectrum-table-s-regular-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-regular-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-regular-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-regular-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-regular-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-regular-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-regular-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-regular-header-text-align: left; - --spectrum-table-s-regular-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-header-vertical-alignment: top; - --spectrum-table-s-regular-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-regular-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-regular-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-regular-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-regular-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-regular-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-regular-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-s-regular-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-regular-cell-vertical-alignment: top; - --spectrum-table-s-regular-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-regular-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-regular-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-spacious-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-spacious-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-spacious-quiet-header-text-text-transform: uppercase; - --spectrum-table-s-spacious-quiet-header-text-margin-top: 0px; - --spectrum-table-s-spacious-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-spacious-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-spacious-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-spacious-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-spacious-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-spacious-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-quiet-header-text-align: left; - --spectrum-table-s-spacious-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-header-vertical-alignment: top; - --spectrum-table-s-spacious-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-spacious-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-spacious-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-spacious-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-quiet-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-s-spacious-quiet-cell-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-quiet-cell-vertical-alignment: top; - --spectrum-table-s-spacious-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-s-spacious-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-s-spacious-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-s-spacious-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-s-spacious-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-s-spacious-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-s-spacious-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-s-spacious-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-s-spacious-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-s-spacious-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-s-spacious-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-s-spacious-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-s-spacious-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-s-spacious-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-s-spacious-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-s-spacious-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-s-spacious-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-s-spacious-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-s-spacious-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-s-spacious-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-s-spacious-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-s-spacious-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-s-spacious-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-s-spacious-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-s-spacious-header-text-text-transform: uppercase; - --spectrum-table-s-spacious-header-text-margin-top: 0px; - --spectrum-table-s-spacious-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-s-spacious-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-s-spacious-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-s-spacious-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-s-spacious-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-s-spacious-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-s-spacious-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-s-spacious-header-text-align: left; - --spectrum-table-s-spacious-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-header-vertical-alignment: top; - --spectrum-table-s-spacious-cell-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-s-spacious-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-s-spacious-cell-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-table-s-spacious-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-cell-checkbox-vertical-alignment: middle; - --spectrum-table-s-spacious-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-s-spacious-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-s-spacious-cell-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-cell-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-table-s-spacious-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-s-spacious-cell-vertical-alignment: top; - --spectrum-table-s-spacious-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-s-spacious-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-s-spacious-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-compact-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-compact-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-compact-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-compact-quiet-header-text-margin-top: 0px; - --spectrum-table-m-compact-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-compact-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-compact-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-compact-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-compact-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-quiet-header-text-align: left; - --spectrum-table-m-compact-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-header-vertical-alignment: top; - --spectrum-table-m-compact-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-compact-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-compact-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-compact-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-quiet-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-quiet-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-quiet-cell-vertical-alignment: top; - --spectrum-table-m-compact-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-compact-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-compact-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-compact-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-compact-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-compact-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-compact-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-compact-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-compact-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-compact-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-compact-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-compact-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-compact-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-compact-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-compact-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-compact-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-compact-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-compact-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-compact-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-compact-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-compact-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-compact-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-compact-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-compact-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-compact-header-text-text-transform: uppercase; - --spectrum-table-m-compact-header-text-margin-top: 0px; - --spectrum-table-m-compact-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-compact-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-compact-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-compact-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-compact-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-compact-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-compact-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-compact-header-text-align: left; - --spectrum-table-m-compact-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-header-vertical-alignment: top; - --spectrum-table-m-compact-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-compact-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-compact-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-compact-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-compact-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-compact-cell-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-compact-cell-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-cell-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-table-m-compact-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-compact-cell-vertical-alignment: top; - --spectrum-table-m-compact-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-compact-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-compact-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-regular-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-regular-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-regular-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-regular-quiet-header-text-margin-top: 0px; - --spectrum-table-m-regular-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-regular-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-regular-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-regular-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-regular-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-regular-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-quiet-header-text-align: left; - --spectrum-table-m-regular-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-header-vertical-alignment: top; - --spectrum-table-m-regular-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-regular-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-regular-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-regular-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-quiet-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-m-regular-quiet-cell-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-quiet-cell-vertical-alignment: top; - --spectrum-table-m-regular-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-regular-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-regular-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-regular-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-regular-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-regular-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-regular-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-regular-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-regular-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-regular-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-regular-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-regular-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-regular-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-regular-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-regular-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-regular-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-regular-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-regular-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-regular-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-regular-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-regular-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-regular-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-regular-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-regular-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-regular-header-text-text-transform: uppercase; - --spectrum-table-m-regular-header-text-margin-top: 0px; - --spectrum-table-m-regular-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-regular-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-regular-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-regular-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-regular-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-regular-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-regular-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-regular-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-regular-header-text-align: left; - --spectrum-table-m-regular-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-header-vertical-alignment: top; - --spectrum-table-m-regular-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-regular-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-regular-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-regular-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-regular-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-regular-cell-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-table-m-regular-cell-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-cell-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-table-m-regular-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-regular-cell-vertical-alignment: top; - --spectrum-table-m-regular-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-regular-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-regular-border-right-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-quiet-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-quiet-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-quiet-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-quiet-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-quiet-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-quiet-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-quiet-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-quiet-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-quiet-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-spacious-quiet-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-quiet-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-quiet-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-quiet-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-quiet-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-quiet-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-quiet-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-quiet-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-quiet-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-quiet-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-quiet-border-x-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-y-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-quiet-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-quiet-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-quiet-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-spacious-quiet-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-quiet-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-spacious-quiet-header-text-text-transform: uppercase; - --spectrum-table-m-spacious-quiet-header-text-margin-top: 0px; - --spectrum-table-m-spacious-quiet-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-spacious-quiet-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-spacious-quiet-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-spacious-quiet-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-spacious-quiet-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-quiet-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-quiet-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-quiet-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-spacious-quiet-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-quiet-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-quiet-header-text-align: left; - --spectrum-table-m-spacious-quiet-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-header-vertical-alignment: top; - --spectrum-table-m-spacious-quiet-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-quiet-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-spacious-quiet-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-spacious-quiet-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-quiet-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-spacious-quiet-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-quiet-cell-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-table-m-spacious-quiet-cell-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-quiet-cell-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-quiet-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-quiet-cell-vertical-alignment: top; - --spectrum-table-m-spacious-quiet-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-top-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-bottom-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-left-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-quiet-border-right-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-header-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-selected: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-selected: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-text-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-sort-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-header-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-text-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-table-m-spacious-header-sort-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-table-m-spacious-header-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-down: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-text-text-color-selected-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-sort-icon-color-selected-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-header-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-selected-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-selected-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-header-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover); - --spectrum-table-m-spacious-header-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-selected-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-header-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-header-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-header-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-cell-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-cell-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-cell-border-radius-selected-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-row-background-color-selected-mouse-focus: var(--spectrum-alias-highlight-selected); - --spectrum-table-m-spacious-header-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-selected-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-selected-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-down: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-header-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-text-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-table-m-spacious-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-table-m-spacious-header-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-hover: var(--spectrum-alias-highlight-hover); - --spectrum-table-m-spacious-header-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-table-m-spacious-header-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-row-background-color-key-focus: var(--spectrum-alias-highlight-down); - --spectrum-table-m-spacious-header-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-text-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-table-m-spacious-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-key-focus); - --spectrum-table-m-spacious-header-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-header-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-header-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-cell-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-table-m-spacious-cell-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-table-m-spacious-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-row-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-header-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-text-text-color-mouse-focus: var(--spectrum-alias-label-text-color); - --spectrum-table-m-spacious-header-sort-icon-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-table-m-spacious-header-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-header-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-header-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-size-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-cell-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-table-m-spacious-cell-border-radius-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-table-m-spacious-divider-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-row-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-header-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-cell-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-cell-text-text-color: var(--spectrum-alias-text-color); - --spectrum-table-m-spacious-cell-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-table-m-spacious-border-color: var(--spectrum-alias-border-color-mid); - --spectrum-table-m-spacious-background-color: var(--spectrum-global-color-gray-50); - --spectrum-table-m-spacious-border-x-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-y-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-divider-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-row-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-header-text-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-header-text-baseline: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-header-text-font-weight: var(--spectrum-alias-detail-text-font-weight-regular); - --spectrum-table-m-spacious-header-text-font-size: var(--spectrum-global-dimension-font-size-50); - --spectrum-table-m-spacious-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium); - --spectrum-table-m-spacious-header-text-text-transform: uppercase; - --spectrum-table-m-spacious-header-text-margin-top: 0px; - --spectrum-table-m-spacious-header-text-margin-bottom-multiplier: var(--spectrum-alias-body-margin-bottom); - --spectrum-table-m-spacious-header-text-margin-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-header-text-line-height: var(--spectrum-alias-heading-text-line-height); - --spectrum-table-m-spacious-header-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-table-m-spacious-header-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-table-m-spacious-header-sort-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-header-sort-icon-width: var(--spectrum-global-dimension-size-125); - --spectrum-table-m-spacious-header-sort-icon-height: var(--spectrum-global-dimension-size-150); - --spectrum-table-m-spacious-header-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-table-m-spacious-header-padding-top: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-header-padding-bottom: var(--spectrum-global-dimension-static-size-125); - --spectrum-table-m-spacious-header-text-align: left; - --spectrum-table-m-spacious-header-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-header-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-header-vertical-alignment: top; - --spectrum-table-m-spacious-cell-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-cell-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-table-m-spacious-cell-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-table-m-spacious-cell-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-table-m-spacious-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-cell-checkbox-vertical-alignment: middle; - --spectrum-table-m-spacious-cell-checkbox-margin-right: var(--spectrum-global-dimension-size-100); - --spectrum-table-m-spacious-cell-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-table-m-spacious-cell-padding-top: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-cell-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-table-m-spacious-cell-padding-left: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-cell-padding-right: var(--spectrum-global-dimension-static-size-200); - --spectrum-table-m-spacious-cell-vertical-alignment: top; - --spectrum-table-m-spacious-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-table-m-spacious-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-top-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-bottom-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-left-size: var(--spectrum-alias-border-size-thin); - --spectrum-table-m-spacious-border-right-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/components/spectrum-tabs.css b/components/vars/css/components/spectrum-tabs.css deleted file mode 100644 index b707b34941d..00000000000 --- a/components/vars/css/components/spectrum-tabs.css +++ /dev/null @@ -1,20834 +0,0 @@ -:root { - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-s-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-s-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-s-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-s-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-texticon-divider-width: 100%; - --spectrum-tabs-s-quiet-texticon-divider-top: auto; - --spectrum-tabs-s-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-s-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-texticon-position: relative; - --spectrum-tabs-s-quiet-texticon-width: 100%; - --spectrum-tabs-s-quiet-texticon-layout: row; - --spectrum-tabs-s-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-quiet-textonly-divider-width: 100%; - --spectrum-tabs-s-quiet-textonly-divider-top: auto; - --spectrum-tabs-s-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-s-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-quiet-textonly-position: relative; - --spectrum-tabs-s-quiet-textonly-width: 100%; - --spectrum-tabs-s-quiet-textonly-layout: row; - --spectrum-tabs-s-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-texticon-position: relative; - --spectrum-tabs-s-emphasized-texticon-width: 100%; - --spectrum-tabs-s-emphasized-texticon-layout: row; - --spectrum-tabs-s-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-emphasized-textonly-position: relative; - --spectrum-tabs-s-emphasized-textonly-width: 100%; - --spectrum-tabs-s-emphasized-textonly-layout: row; - --spectrum-tabs-s-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-texticon-tabitem-layout: row; - --spectrum-tabs-s-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-texticon-tabitem-position: relative; - --spectrum-tabs-s-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-texticon-divider-width: 100%; - --spectrum-tabs-s-texticon-divider-top: auto; - --spectrum-tabs-s-texticon-divider-bottom: 0; - --spectrum-tabs-s-texticon-divider-left: 0; - --spectrum-tabs-s-texticon-divider-position: absolute; - --spectrum-tabs-s-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-texticon-position: relative; - --spectrum-tabs-s-texticon-width: 100%; - --spectrum-tabs-s-texticon-layout: row; - --spectrum-tabs-s-texticon-justify-content: flex-start; - --spectrum-tabs-s-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-textonly-tabitem-layout: row; - --spectrum-tabs-s-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-s-textonly-tabitem-position: relative; - --spectrum-tabs-s-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-textonly-divider-width: 100%; - --spectrum-tabs-s-textonly-divider-top: auto; - --spectrum-tabs-s-textonly-divider-bottom: 0; - --spectrum-tabs-s-textonly-divider-left: 0; - --spectrum-tabs-s-textonly-divider-position: absolute; - --spectrum-tabs-s-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-textonly-position: relative; - --spectrum-tabs-s-textonly-width: 100%; - --spectrum-tabs-s-textonly-layout: row; - --spectrum-tabs-s-textonly-justify-content: flex-start; - --spectrum-tabs-s-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-texticon-position: relative; - --spectrum-tabs-s-vertical-quiet-texticon-width: auto; - --spectrum-tabs-s-vertical-quiet-texticon-layout: column; - --spectrum-tabs-s-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-quiet-textonly-position: relative; - --spectrum-tabs-s-vertical-quiet-textonly-width: auto; - --spectrum-tabs-s-vertical-quiet-textonly-layout: column; - --spectrum-tabs-s-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-s-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-s-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-s-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-s-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-s-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-s-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-s-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-s-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-texticon-divider-height: 100%; - --spectrum-tabs-s-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-texticon-divider-top: 0; - --spectrum-tabs-s-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-s-vertical-texticon-divider-left: 0; - --spectrum-tabs-s-vertical-texticon-divider-position: absolute; - --spectrum-tabs-s-vertical-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-texticon-position: relative; - --spectrum-tabs-s-vertical-texticon-width: auto; - --spectrum-tabs-s-vertical-texticon-layout: column; - --spectrum-tabs-s-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-s-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-450); - --spectrum-tabs-s-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-s-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-s-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-textonly-divider-height: 100%; - --spectrum-tabs-s-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-vertical-textonly-divider-top: 0; - --spectrum-tabs-s-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-s-vertical-textonly-divider-left: 0; - --spectrum-tabs-s-vertical-textonly-divider-position: absolute; - --spectrum-tabs-s-vertical-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-s-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-vertical-textonly-position: relative; - --spectrum-tabs-s-vertical-textonly-width: auto; - --spectrum-tabs-s-vertical-textonly-layout: column; - --spectrum-tabs-s-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-s-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-texticon-position: relative; - --spectrum-tabs-s-compact-quiet-texticon-width: 100%; - --spectrum-tabs-s-compact-quiet-texticon-layout: row; - --spectrum-tabs-s-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-s-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-quiet-textonly-position: relative; - --spectrum-tabs-s-compact-quiet-textonly-width: 100%; - --spectrum-tabs-s-compact-quiet-textonly-layout: row; - --spectrum-tabs-s-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-s-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-s-compact-emphasized-texticon-layout: row; - --spectrum-tabs-s-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-s-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-s-compact-emphasized-textonly-layout: row; - --spectrum-tabs-s-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-texticon-divider-width: 100%; - --spectrum-tabs-s-compact-texticon-divider-top: auto; - --spectrum-tabs-s-compact-texticon-divider-bottom: 0; - --spectrum-tabs-s-compact-texticon-divider-left: 0; - --spectrum-tabs-s-compact-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-texticon-position: relative; - --spectrum-tabs-s-compact-texticon-width: 100%; - --spectrum-tabs-s-compact-texticon-layout: row; - --spectrum-tabs-s-compact-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-textonly-divider-width: 100%; - --spectrum-tabs-s-compact-textonly-divider-top: auto; - --spectrum-tabs-s-compact-textonly-divider-bottom: 0; - --spectrum-tabs-s-compact-textonly-divider-left: 0; - --spectrum-tabs-s-compact-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-textonly-position: relative; - --spectrum-tabs-s-compact-textonly-width: 100%; - --spectrum-tabs-s-compact-textonly-layout: row; - --spectrum-tabs-s-compact-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-40); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-s-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-s-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-texticon-position: relative; - --spectrum-tabs-s-compact-vertical-texticon-width: auto; - --spectrum-tabs-s-compact-vertical-texticon-layout: column; - --spectrum-tabs-s-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-s-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-40); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-s-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-s-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-s-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-s-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-s-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-s-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-s-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-s-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-s-compact-vertical-textonly-position: relative; - --spectrum-tabs-s-compact-vertical-textonly-width: auto; - --spectrum-tabs-s-compact-vertical-textonly-layout: column; - --spectrum-tabs-s-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-s-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-m-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-m-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-m-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-m-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-texticon-divider-width: 100%; - --spectrum-tabs-m-quiet-texticon-divider-top: auto; - --spectrum-tabs-m-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-m-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-texticon-position: relative; - --spectrum-tabs-m-quiet-texticon-width: 100%; - --spectrum-tabs-m-quiet-texticon-layout: row; - --spectrum-tabs-m-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-quiet-textonly-divider-width: 100%; - --spectrum-tabs-m-quiet-textonly-divider-top: auto; - --spectrum-tabs-m-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-m-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-quiet-textonly-position: relative; - --spectrum-tabs-m-quiet-textonly-width: 100%; - --spectrum-tabs-m-quiet-textonly-layout: row; - --spectrum-tabs-m-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-texticon-position: relative; - --spectrum-tabs-m-emphasized-texticon-width: 100%; - --spectrum-tabs-m-emphasized-texticon-layout: row; - --spectrum-tabs-m-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-emphasized-textonly-position: relative; - --spectrum-tabs-m-emphasized-textonly-width: 100%; - --spectrum-tabs-m-emphasized-textonly-layout: row; - --spectrum-tabs-m-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-texticon-tabitem-layout: row; - --spectrum-tabs-m-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-texticon-tabitem-position: relative; - --spectrum-tabs-m-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-texticon-divider-width: 100%; - --spectrum-tabs-m-texticon-divider-top: auto; - --spectrum-tabs-m-texticon-divider-bottom: 0; - --spectrum-tabs-m-texticon-divider-left: 0; - --spectrum-tabs-m-texticon-divider-position: absolute; - --spectrum-tabs-m-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-texticon-position: relative; - --spectrum-tabs-m-texticon-width: 100%; - --spectrum-tabs-m-texticon-layout: row; - --spectrum-tabs-m-texticon-justify-content: flex-start; - --spectrum-tabs-m-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-textonly-tabitem-layout: row; - --spectrum-tabs-m-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-m-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-185); - --spectrum-tabs-m-textonly-tabitem-position: relative; - --spectrum-tabs-m-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-textonly-divider-width: 100%; - --spectrum-tabs-m-textonly-divider-top: auto; - --spectrum-tabs-m-textonly-divider-bottom: 0; - --spectrum-tabs-m-textonly-divider-left: 0; - --spectrum-tabs-m-textonly-divider-position: absolute; - --spectrum-tabs-m-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-textonly-position: relative; - --spectrum-tabs-m-textonly-width: 100%; - --spectrum-tabs-m-textonly-layout: row; - --spectrum-tabs-m-textonly-justify-content: flex-start; - --spectrum-tabs-m-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-texticon-position: relative; - --spectrum-tabs-m-vertical-quiet-texticon-width: auto; - --spectrum-tabs-m-vertical-quiet-texticon-layout: column; - --spectrum-tabs-m-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-quiet-textonly-position: relative; - --spectrum-tabs-m-vertical-quiet-textonly-width: auto; - --spectrum-tabs-m-vertical-quiet-textonly-layout: column; - --spectrum-tabs-m-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-m-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-m-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-m-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-m-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-m-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-m-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-m-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-m-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-texticon-divider-height: 100%; - --spectrum-tabs-m-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-texticon-divider-top: 0; - --spectrum-tabs-m-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-m-vertical-texticon-divider-left: 0; - --spectrum-tabs-m-vertical-texticon-divider-position: absolute; - --spectrum-tabs-m-vertical-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-texticon-position: relative; - --spectrum-tabs-m-vertical-texticon-width: auto; - --spectrum-tabs-m-vertical-texticon-layout: column; - --spectrum-tabs-m-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-m-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-550); - --spectrum-tabs-m-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-m-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-textonly-divider-height: 100%; - --spectrum-tabs-m-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-vertical-textonly-divider-top: 0; - --spectrum-tabs-m-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-m-vertical-textonly-divider-left: 0; - --spectrum-tabs-m-vertical-textonly-divider-position: absolute; - --spectrum-tabs-m-vertical-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-m-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-vertical-textonly-position: relative; - --spectrum-tabs-m-vertical-textonly-width: auto; - --spectrum-tabs-m-vertical-textonly-layout: column; - --spectrum-tabs-m-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-m-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-texticon-position: relative; - --spectrum-tabs-m-compact-quiet-texticon-width: 100%; - --spectrum-tabs-m-compact-quiet-texticon-layout: row; - --spectrum-tabs-m-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-m-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-quiet-textonly-position: relative; - --spectrum-tabs-m-compact-quiet-textonly-width: 100%; - --spectrum-tabs-m-compact-quiet-textonly-layout: row; - --spectrum-tabs-m-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-m-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-m-compact-emphasized-texticon-layout: row; - --spectrum-tabs-m-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-m-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-m-compact-emphasized-textonly-layout: row; - --spectrum-tabs-m-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-texticon-divider-width: 100%; - --spectrum-tabs-m-compact-texticon-divider-top: auto; - --spectrum-tabs-m-compact-texticon-divider-bottom: 0; - --spectrum-tabs-m-compact-texticon-divider-left: 0; - --spectrum-tabs-m-compact-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-texticon-position: relative; - --spectrum-tabs-m-compact-texticon-width: 100%; - --spectrum-tabs-m-compact-texticon-layout: row; - --spectrum-tabs-m-compact-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-textonly-divider-width: 100%; - --spectrum-tabs-m-compact-textonly-divider-top: auto; - --spectrum-tabs-m-compact-textonly-divider-bottom: 0; - --spectrum-tabs-m-compact-textonly-divider-left: 0; - --spectrum-tabs-m-compact-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-textonly-position: relative; - --spectrum-tabs-m-compact-textonly-width: 100%; - --spectrum-tabs-m-compact-textonly-layout: row; - --spectrum-tabs-m-compact-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-75); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-m-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-m-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-texticon-position: relative; - --spectrum-tabs-m-compact-vertical-texticon-width: auto; - --spectrum-tabs-m-compact-vertical-texticon-layout: column; - --spectrum-tabs-m-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-m-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-m-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-m-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-m-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-m-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-m-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-m-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-m-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-m-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-tabs-m-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-m-compact-vertical-textonly-position: relative; - --spectrum-tabs-m-compact-vertical-textonly-width: auto; - --spectrum-tabs-m-compact-vertical-textonly-layout: column; - --spectrum-tabs-m-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-m-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-l-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-l-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-l-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-l-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-texticon-divider-width: 100%; - --spectrum-tabs-l-quiet-texticon-divider-top: auto; - --spectrum-tabs-l-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-l-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-quiet-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-texticon-position: relative; - --spectrum-tabs-l-quiet-texticon-width: 100%; - --spectrum-tabs-l-quiet-texticon-layout: row; - --spectrum-tabs-l-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-quiet-textonly-divider-width: 100%; - --spectrum-tabs-l-quiet-textonly-divider-top: auto; - --spectrum-tabs-l-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-l-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-quiet-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-quiet-textonly-position: relative; - --spectrum-tabs-l-quiet-textonly-width: 100%; - --spectrum-tabs-l-quiet-textonly-layout: row; - --spectrum-tabs-l-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-texticon-position: relative; - --spectrum-tabs-l-emphasized-texticon-width: 100%; - --spectrum-tabs-l-emphasized-texticon-layout: row; - --spectrum-tabs-l-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-emphasized-textonly-position: relative; - --spectrum-tabs-l-emphasized-textonly-width: 100%; - --spectrum-tabs-l-emphasized-textonly-layout: row; - --spectrum-tabs-l-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-texticon-tabitem-layout: row; - --spectrum-tabs-l-texticon-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-texticon-tabitem-position: relative; - --spectrum-tabs-l-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-texticon-divider-width: 100%; - --spectrum-tabs-l-texticon-divider-top: auto; - --spectrum-tabs-l-texticon-divider-bottom: 0; - --spectrum-tabs-l-texticon-divider-left: 0; - --spectrum-tabs-l-texticon-divider-position: absolute; - --spectrum-tabs-l-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-texticon-position: relative; - --spectrum-tabs-l-texticon-width: 100%; - --spectrum-tabs-l-texticon-layout: row; - --spectrum-tabs-l-texticon-justify-content: flex-start; - --spectrum-tabs-l-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-textonly-tabitem-layout: row; - --spectrum-tabs-l-textonly-tabitem-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-textonly-tabitem-position: relative; - --spectrum-tabs-l-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-textonly-divider-width: 100%; - --spectrum-tabs-l-textonly-divider-top: auto; - --spectrum-tabs-l-textonly-divider-bottom: 0; - --spectrum-tabs-l-textonly-divider-left: 0; - --spectrum-tabs-l-textonly-divider-position: absolute; - --spectrum-tabs-l-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-textonly-position: relative; - --spectrum-tabs-l-textonly-width: 100%; - --spectrum-tabs-l-textonly-layout: row; - --spectrum-tabs-l-textonly-justify-content: flex-start; - --spectrum-tabs-l-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-texticon-position: relative; - --spectrum-tabs-l-vertical-quiet-texticon-width: auto; - --spectrum-tabs-l-vertical-quiet-texticon-layout: column; - --spectrum-tabs-l-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-quiet-textonly-position: relative; - --spectrum-tabs-l-vertical-quiet-textonly-width: auto; - --spectrum-tabs-l-vertical-quiet-textonly-layout: column; - --spectrum-tabs-l-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-l-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-l-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-l-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-l-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-l-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-l-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-l-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-l-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-l-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-texticon-divider-height: 100%; - --spectrum-tabs-l-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-texticon-divider-top: 0; - --spectrum-tabs-l-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-l-vertical-texticon-divider-left: 0; - --spectrum-tabs-l-vertical-texticon-divider-position: absolute; - --spectrum-tabs-l-vertical-texticon-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-texticon-position: relative; - --spectrum-tabs-l-vertical-texticon-width: auto; - --spectrum-tabs-l-vertical-texticon-layout: column; - --spectrum-tabs-l-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-l-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-650); - --spectrum-tabs-l-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-tabs-l-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-l-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-textonly-divider-height: 100%; - --spectrum-tabs-l-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-vertical-textonly-divider-top: 0; - --spectrum-tabs-l-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-l-vertical-textonly-divider-left: 0; - --spectrum-tabs-l-vertical-textonly-divider-position: absolute; - --spectrum-tabs-l-vertical-textonly-height: var(--spectrum-global-dimension-size-700); - --spectrum-tabs-l-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-vertical-textonly-position: relative; - --spectrum-tabs-l-vertical-textonly-width: auto; - --spectrum-tabs-l-vertical-textonly-layout: column; - --spectrum-tabs-l-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-l-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-texticon-position: relative; - --spectrum-tabs-l-compact-quiet-texticon-width: 100%; - --spectrum-tabs-l-compact-quiet-texticon-layout: row; - --spectrum-tabs-l-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-l-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-quiet-textonly-position: relative; - --spectrum-tabs-l-compact-quiet-textonly-width: 100%; - --spectrum-tabs-l-compact-quiet-textonly-layout: row; - --spectrum-tabs-l-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-l-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-l-compact-emphasized-texticon-layout: row; - --spectrum-tabs-l-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-l-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-l-compact-emphasized-textonly-layout: row; - --spectrum-tabs-l-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-texticon-divider-width: 100%; - --spectrum-tabs-l-compact-texticon-divider-top: auto; - --spectrum-tabs-l-compact-texticon-divider-bottom: 0; - --spectrum-tabs-l-compact-texticon-divider-left: 0; - --spectrum-tabs-l-compact-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-texticon-position: relative; - --spectrum-tabs-l-compact-texticon-width: 100%; - --spectrum-tabs-l-compact-texticon-layout: row; - --spectrum-tabs-l-compact-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-textonly-divider-width: 100%; - --spectrum-tabs-l-compact-textonly-divider-top: auto; - --spectrum-tabs-l-compact-textonly-divider-bottom: 0; - --spectrum-tabs-l-compact-textonly-divider-left: 0; - --spectrum-tabs-l-compact-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-textonly-position: relative; - --spectrum-tabs-l-compact-textonly-width: 100%; - --spectrum-tabs-l-compact-textonly-layout: row; - --spectrum-tabs-l-compact-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-l-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-l-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-texticon-position: relative; - --spectrum-tabs-l-compact-vertical-texticon-width: auto; - --spectrum-tabs-l-compact-vertical-texticon-layout: column; - --spectrum-tabs-l-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-l-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-65); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-l-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-l-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-l-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-l-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-l-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-l-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-l-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-l-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-tabs-l-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-l-compact-vertical-textonly-position: relative; - --spectrum-tabs-l-compact-vertical-textonly-width: auto; - --spectrum-tabs-l-compact-vertical-textonly-layout: column; - --spectrum-tabs-l-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-xl-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-xl-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-texticon-divider-width: 100%; - --spectrum-tabs-xl-quiet-texticon-divider-top: auto; - --spectrum-tabs-xl-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-xl-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-texticon-position: relative; - --spectrum-tabs-xl-quiet-texticon-width: 100%; - --spectrum-tabs-xl-quiet-texticon-layout: row; - --spectrum-tabs-xl-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-quiet-textonly-divider-width: 100%; - --spectrum-tabs-xl-quiet-textonly-divider-top: auto; - --spectrum-tabs-xl-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-xl-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-quiet-textonly-position: relative; - --spectrum-tabs-xl-quiet-textonly-width: 100%; - --spectrum-tabs-xl-quiet-textonly-layout: row; - --spectrum-tabs-xl-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-texticon-position: relative; - --spectrum-tabs-xl-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-emphasized-texticon-layout: row; - --spectrum-tabs-xl-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-emphasized-textonly-position: relative; - --spectrum-tabs-xl-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-emphasized-textonly-layout: row; - --spectrum-tabs-xl-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-texticon-tabitem-layout: row; - --spectrum-tabs-xl-texticon-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-texticon-tabitem-position: relative; - --spectrum-tabs-xl-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-texticon-divider-width: 100%; - --spectrum-tabs-xl-texticon-divider-top: auto; - --spectrum-tabs-xl-texticon-divider-bottom: 0; - --spectrum-tabs-xl-texticon-divider-left: 0; - --spectrum-tabs-xl-texticon-divider-position: absolute; - --spectrum-tabs-xl-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-texticon-position: relative; - --spectrum-tabs-xl-texticon-width: 100%; - --spectrum-tabs-xl-texticon-layout: row; - --spectrum-tabs-xl-texticon-justify-content: flex-start; - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-textonly-tabitem-layout: row; - --spectrum-tabs-xl-textonly-tabitem-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-250); - --spectrum-tabs-xl-textonly-tabitem-position: relative; - --spectrum-tabs-xl-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-textonly-divider-width: 100%; - --spectrum-tabs-xl-textonly-divider-top: auto; - --spectrum-tabs-xl-textonly-divider-bottom: 0; - --spectrum-tabs-xl-textonly-divider-left: 0; - --spectrum-tabs-xl-textonly-divider-position: absolute; - --spectrum-tabs-xl-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-textonly-position: relative; - --spectrum-tabs-xl-textonly-width: 100%; - --spectrum-tabs-xl-textonly-layout: row; - --spectrum-tabs-xl-textonly-justify-content: flex-start; - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-texticon-position: relative; - --spectrum-tabs-xl-vertical-quiet-texticon-width: auto; - --spectrum-tabs-xl-vertical-quiet-texticon-layout: column; - --spectrum-tabs-xl-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-quiet-textonly-position: relative; - --spectrum-tabs-xl-vertical-quiet-textonly-width: auto; - --spectrum-tabs-xl-vertical-quiet-textonly-layout: column; - --spectrum-tabs-xl-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-xl-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-xl-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-xl-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-xl-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-xl-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-xl-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-xl-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-225); - --spectrum-tabs-xl-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-xl-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-texticon-divider-height: 100%; - --spectrum-tabs-xl-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-texticon-divider-top: 0; - --spectrum-tabs-xl-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-xl-vertical-texticon-divider-left: 0; - --spectrum-tabs-xl-vertical-texticon-divider-position: absolute; - --spectrum-tabs-xl-vertical-texticon-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-texticon-position: relative; - --spectrum-tabs-xl-vertical-texticon-width: auto; - --spectrum-tabs-xl-vertical-texticon-layout: column; - --spectrum-tabs-xl-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-xl-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-750); - --spectrum-tabs-xl-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-200); - --spectrum-tabs-xl-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-xl-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-textonly-divider-height: 100%; - --spectrum-tabs-xl-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-vertical-textonly-divider-top: 0; - --spectrum-tabs-xl-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-xl-vertical-textonly-divider-left: 0; - --spectrum-tabs-xl-vertical-textonly-divider-position: absolute; - --spectrum-tabs-xl-vertical-textonly-height: var(--spectrum-global-dimension-size-800); - --spectrum-tabs-xl-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-vertical-textonly-position: relative; - --spectrum-tabs-xl-vertical-textonly-width: auto; - --spectrum-tabs-xl-vertical-textonly-layout: column; - --spectrum-tabs-xl-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-layout: row; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-texticon-position: relative; - --spectrum-tabs-xl-compact-quiet-texticon-width: 100%; - --spectrum-tabs-xl-compact-quiet-texticon-layout: row; - --spectrum-tabs-xl-compact-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-quiet-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-quiet-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-quiet-textonly-position: relative; - --spectrum-tabs-xl-compact-quiet-textonly-width: 100%; - --spectrum-tabs-xl-compact-quiet-textonly-layout: row; - --spectrum-tabs-xl-compact-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-emphasized-texticon-width: 100%; - --spectrum-tabs-xl-compact-emphasized-texticon-layout: row; - --spectrum-tabs-xl-compact-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-emphasized-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-emphasized-textonly-width: 100%; - --spectrum-tabs-xl-compact-emphasized-textonly-layout: row; - --spectrum-tabs-xl-compact-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-texticon-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-texticon-divider-width: 100%; - --spectrum-tabs-xl-compact-texticon-divider-top: auto; - --spectrum-tabs-xl-compact-texticon-divider-bottom: 0; - --spectrum-tabs-xl-compact-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-texticon-position: relative; - --spectrum-tabs-xl-compact-texticon-width: 100%; - --spectrum-tabs-xl-compact-texticon-layout: row; - --spectrum-tabs-xl-compact-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-width: 100%; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-top: auto; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-bottom: 0; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-textonly-divider-height: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-textonly-divider-width: 100%; - --spectrum-tabs-xl-compact-textonly-divider-top: auto; - --spectrum-tabs-xl-compact-textonly-divider-bottom: 0; - --spectrum-tabs-xl-compact-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-textonly-position: relative; - --spectrum-tabs-xl-compact-textonly-width: 100%; - --spectrum-tabs-xl-compact-textonly-layout: row; - --spectrum-tabs-xl-compact-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-quiet); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-quiet-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-emphasized-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-selection-indicator-color-emphasized); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-emphasized-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-texticon-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-render: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-padding-bottom: var(--spectrum-global-dimension-size-150); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-texticon-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-texticon-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-texticon-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-texticon-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-texticon-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-texticon-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-texticon-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-texticon-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-texticon-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-texticon-position: relative; - --spectrum-tabs-xl-compact-vertical-texticon-width: auto; - --spectrum-tabs-xl-compact-vertical-texticon-layout: column; - --spectrum-tabs-xl-compact-vertical-texticon-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-texticon-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-disabled: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-down: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-down: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-hover: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-hover: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-key-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-selected-mouse-focus: var(--spectrum-alias-tabitem-icon-color-selected); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-selected-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-selected-mouse-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-selected-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-selected-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-selected-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-disabled: var(--spectrum-alias-tabitem-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-disabled: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-disabled: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-disabled: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-down: var(--spectrum-alias-tabitem-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-down: var(--spectrum-alias-tabitem-text-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-down: var(--spectrum-alias-tabitem-text-color-selected-down); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-down: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-down: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-hover: var(--spectrum-alias-tabitem-text-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-hover: var(--spectrum-alias-tabitem-text-color-selected-hover); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-hover: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-hover: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-key-focus: var(--spectrum-alias-tabitem-text-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-key-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-key-focus: var(--spectrum-alias-tabitem-text-color-selected-key-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-key-focus: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-background-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-mouse-focus); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-render-mouse-focus: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-gap-mouse-focus: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-tabs-xl-compact-vertical-textonly-divider-background-color: var(--spectrum-alias-tabs-divider-background-color-default); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-type: icon; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-margin-top: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-margin-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-transform: none; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-top: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-bottom: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-render: yes; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-text-transform: none; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-type: ui-icon; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-render: no; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-size: var(--spectrum-alias-ui-icon-chevron-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-rotate: 90deg; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-overflow-margin-top: var(--spectrum-global-dimension-static-size-75); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-height: 100%; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-width: var(--spectrum-global-dimension-static-size-25); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-position: absolute; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-top: 0; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-bottom: auto; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-left: 0; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-size: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-padding-x: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-type: focusring; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-focus-ring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-layout: row; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-gap: var(--spectrum-global-dimension-size-125); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-right: var(--spectrum-global-dimension-static-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-top: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-position: relative; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-margin-right: var(--spectrum-global-dimension-size-300); - --spectrum-tabs-xl-compact-vertical-textonly-divider-border-radius: var(--spectrum-global-dimension-static-size-10); - --spectrum-tabs-xl-compact-vertical-textonly-divider-size: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-textonly-divider-height: 100%; - --spectrum-tabs-xl-compact-vertical-textonly-divider-width: var(--spectrum-alias-border-size-thick); - --spectrum-tabs-xl-compact-vertical-textonly-divider-top: 0; - --spectrum-tabs-xl-compact-vertical-textonly-divider-bottom: auto; - --spectrum-tabs-xl-compact-vertical-textonly-divider-left: 0; - --spectrum-tabs-xl-compact-vertical-textonly-divider-position: absolute; - --spectrum-tabs-xl-compact-vertical-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-tabs-xl-compact-vertical-textonly-margin-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-margin-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-tabs-xl-compact-vertical-textonly-position: relative; - --spectrum-tabs-xl-compact-vertical-textonly-width: auto; - --spectrum-tabs-xl-compact-vertical-textonly-layout: column; - --spectrum-tabs-xl-compact-vertical-textonly-justify-content: flex-start; - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tabs-xl-compact-vertical-textonly-tabitem-selection-indicator-animation-ease: var(--spectrum-global-animation-ease-in-out); -} diff --git a/components/vars/css/components/spectrum-tag.css b/components/vars/css/components/spectrum-tag.css deleted file mode 100644 index 1f4ab72dd08..00000000000 --- a/components/vars/css/components/spectrum-tag.css +++ /dev/null @@ -1,3768 +0,0 @@ -:root { - --spectrum-tag-s-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error: no; - --spectrum-tag-s-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected: no; - --spectrum-tag-s-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-s-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-s-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-s-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-s-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-s-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render: no; - --spectrum-tag-s-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-down: no; - --spectrum-tag-s-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-hover: no; - --spectrum-tag-s-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-s-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-s-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-removable-texticon-icon-type: icon; - --spectrum-tag-s-removable-texticon-icon-render: yes; - --spectrum-tag-s-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-s-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-removable-texticon-text-render: yes; - --spectrum-tag-s-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-removable-texticon-text-text-transform: none; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-removable-texticon-clearbutton-render: yes; - --spectrum-tag-s-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-s-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-removable-texticon-focusring-type: focusring; - --spectrum-tag-s-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-removable-texticon-layout: inline-row; - --spectrum-tag-s-removable-texticon-gap: 0; - --spectrum-tag-s-removable-texticon-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-removable-texticon-padding-right: 0; - --spectrum-tag-s-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-removable-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected: no; - --spectrum-tag-s-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error: no; - --spectrum-tag-s-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-disabled: no; - --spectrum-tag-s-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected: no; - --spectrum-tag-s-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-s-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-disabled: no; - --spectrum-tag-s-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-s-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-s-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-down: no; - --spectrum-tag-s-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-hover: no; - --spectrum-tag-s-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-s-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-down: no; - --spectrum-tag-s-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-hover: no; - --spectrum-tag-s-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render: no; - --spectrum-tag-s-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-down: no; - --spectrum-tag-s-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-hover: no; - --spectrum-tag-s-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-key-focus: yes; - --spectrum-tag-s-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-s-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-texticon-icon-type: icon; - --spectrum-tag-s-texticon-icon-render: yes; - --spectrum-tag-s-texticon-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-texticon-text-padding-bottom: 0; - --spectrum-tag-s-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-texticon-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-texticon-text-render: yes; - --spectrum-tag-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-texticon-text-text-transform: none; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-texticon-clearbutton-fill-layout: row; - --spectrum-tag-s-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-texticon-clearbutton-render: no; - --spectrum-tag-s-texticon-clearbutton-padding: 0; - --spectrum-tag-s-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-texticon-focusring-type: focusring; - --spectrum-tag-s-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-texticon-layout: inline-row; - --spectrum-tag-s-texticon-gap: 0; - --spectrum-tag-s-texticon-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-texticon-padding-right: var(--spectrum-alias-tag-padding-right-s); - --spectrum-tag-s-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error: no; - --spectrum-tag-s-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected: no; - --spectrum-tag-s-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-s-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-s-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-s-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-s-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-s-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render: no; - --spectrum-tag-s-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-down: no; - --spectrum-tag-s-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-hover: no; - --spectrum-tag-s-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-s-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-s-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-removable-textonly-icon-type: icon; - --spectrum-tag-s-removable-textonly-icon-render: no; - --spectrum-tag-s-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-s-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-removable-textonly-text-render: yes; - --spectrum-tag-s-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-removable-textonly-text-text-transform: none; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-removable-textonly-clearbutton-render: yes; - --spectrum-tag-s-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-s-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-removable-textonly-focusring-type: focusring; - --spectrum-tag-s-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-removable-textonly-layout: inline-row; - --spectrum-tag-s-removable-textonly-gap: 0; - --spectrum-tag-s-removable-textonly-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-removable-textonly-padding-right: 0; - --spectrum-tag-s-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-removable-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-tag-s-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected: no; - --spectrum-tag-s-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-s-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-s-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error: no; - --spectrum-tag-s-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-disabled: no; - --spectrum-tag-s-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected: no; - --spectrum-tag-s-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-s-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-s-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-s-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-s-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-disabled: no; - --spectrum-tag-s-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-s-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-s-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-s-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-s-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-s-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-s-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-s-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-s-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-s-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-s-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-s-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-down: no; - --spectrum-tag-s-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-s-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-s-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-hover: no; - --spectrum-tag-s-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-s-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-s-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-s-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-s-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-s-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-s-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-s-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-s-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-s-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-down: no; - --spectrum-tag-s-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-s-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-hover: no; - --spectrum-tag-s-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-s-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-s-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-s-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-s-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-s-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-s-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-s-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-s-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render: no; - --spectrum-tag-s-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-s-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-s-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-down: no; - --spectrum-tag-s-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-s-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-s-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-s-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-hover: no; - --spectrum-tag-s-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-s-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-s-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-s-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-s-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-key-focus: yes; - --spectrum-tag-s-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-s-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-s-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-s-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-s-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-s-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-s-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-s-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-s-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-s-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-s-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-s-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-s-textonly-icon-type: icon; - --spectrum-tag-s-textonly-icon-render: no; - --spectrum-tag-s-textonly-icon-size: var(--spectrum-alias-tag-icon-size-s); - --spectrum-tag-s-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-s); - --spectrum-tag-s-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-s); - --spectrum-tag-s-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tag-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tag-s-textonly-text-padding-bottom: 0; - --spectrum-tag-s-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-s); - --spectrum-tag-s-textonly-text-font-size: var(--spectrum-alias-tag-font-size-s); - --spectrum-tag-s-textonly-text-render: yes; - --spectrum-tag-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-s-textonly-text-text-transform: none; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-s); - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-s-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-75); - --spectrum-tag-s-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-s); - --spectrum-tag-s-textonly-clearbutton-fill-layout: row; - --spectrum-tag-s-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-s-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-s-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-s-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-s); - --spectrum-tag-s-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-s-textonly-clearbutton-render: no; - --spectrum-tag-s-textonly-clearbutton-padding: 0; - --spectrum-tag-s-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-right: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-s); - --spectrum-tag-s-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-s-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-s-textonly-focusring-type: focusring; - --spectrum-tag-s-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-s-textonly-layout: inline-row; - --spectrum-tag-s-textonly-gap: 0; - --spectrum-tag-s-textonly-height: var(--spectrum-alias-tag-height-s); - --spectrum-tag-s-textonly-padding-right: var(--spectrum-alias-tag-padding-right-s); - --spectrum-tag-s-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-tag-m-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error: no; - --spectrum-tag-m-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected: no; - --spectrum-tag-m-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-m-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-m-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-m-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-m-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-m-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render: no; - --spectrum-tag-m-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-down: no; - --spectrum-tag-m-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-hover: no; - --spectrum-tag-m-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-m-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-m-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-removable-texticon-icon-type: icon; - --spectrum-tag-m-removable-texticon-icon-render: yes; - --spectrum-tag-m-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-m-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-removable-texticon-text-render: yes; - --spectrum-tag-m-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-removable-texticon-text-text-transform: none; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-removable-texticon-clearbutton-render: yes; - --spectrum-tag-m-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-m-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-clearbutton-padding-right: 0; - --spectrum-tag-m-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-removable-texticon-focusring-type: focusring; - --spectrum-tag-m-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-removable-texticon-layout: inline-row; - --spectrum-tag-m-removable-texticon-gap: 0; - --spectrum-tag-m-removable-texticon-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-removable-texticon-padding-right: 0; - --spectrum-tag-m-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected: no; - --spectrum-tag-m-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error: no; - --spectrum-tag-m-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-disabled: no; - --spectrum-tag-m-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected: no; - --spectrum-tag-m-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-m-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-disabled: no; - --spectrum-tag-m-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-m-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-m-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-down: no; - --spectrum-tag-m-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-hover: no; - --spectrum-tag-m-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-m-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-down: no; - --spectrum-tag-m-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-hover: no; - --spectrum-tag-m-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render: no; - --spectrum-tag-m-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-down: no; - --spectrum-tag-m-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-hover: no; - --spectrum-tag-m-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-key-focus: yes; - --spectrum-tag-m-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-m-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-texticon-icon-type: icon; - --spectrum-tag-m-texticon-icon-render: yes; - --spectrum-tag-m-texticon-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-texticon-text-padding-bottom: 0; - --spectrum-tag-m-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-texticon-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-texticon-text-render: yes; - --spectrum-tag-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-texticon-text-text-transform: none; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-texticon-clearbutton-fill-layout: row; - --spectrum-tag-m-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-texticon-clearbutton-render: no; - --spectrum-tag-m-texticon-clearbutton-padding: 0; - --spectrum-tag-m-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-clearbutton-padding-right: 0; - --spectrum-tag-m-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-texticon-focusring-type: focusring; - --spectrum-tag-m-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-texticon-layout: inline-row; - --spectrum-tag-m-texticon-gap: 0; - --spectrum-tag-m-texticon-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-texticon-padding-right: var(--spectrum-alias-tag-padding-right-m); - --spectrum-tag-m-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error: no; - --spectrum-tag-m-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected: no; - --spectrum-tag-m-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-m-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-m-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-m-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-m-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-m-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render: no; - --spectrum-tag-m-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-down: no; - --spectrum-tag-m-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-hover: no; - --spectrum-tag-m-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-m-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-m-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-removable-textonly-icon-type: icon; - --spectrum-tag-m-removable-textonly-icon-render: no; - --spectrum-tag-m-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-m-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-removable-textonly-text-render: yes; - --spectrum-tag-m-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-removable-textonly-text-text-transform: none; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-removable-textonly-clearbutton-render: yes; - --spectrum-tag-m-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-m-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-clearbutton-padding-right: 0; - --spectrum-tag-m-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-removable-textonly-focusring-type: focusring; - --spectrum-tag-m-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-removable-textonly-layout: inline-row; - --spectrum-tag-m-removable-textonly-gap: 0; - --spectrum-tag-m-removable-textonly-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-removable-textonly-padding-right: 0; - --spectrum-tag-m-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-removable-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tag-m-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected: no; - --spectrum-tag-m-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-m-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-m-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error: no; - --spectrum-tag-m-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-disabled: no; - --spectrum-tag-m-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected: no; - --spectrum-tag-m-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-m-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-m-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-m-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-m-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-disabled: no; - --spectrum-tag-m-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-m-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-m-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-m-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-m-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-m-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-m-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-m-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-m-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-m-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-m-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-m-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-down: no; - --spectrum-tag-m-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-m-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-m-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-hover: no; - --spectrum-tag-m-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-m-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-m-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-m-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-m-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-m-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-m-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-m-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-m-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-m-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-down: no; - --spectrum-tag-m-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-m-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-hover: no; - --spectrum-tag-m-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-m-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-m-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-m-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-m-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-m-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-m-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-m-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-m-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render: no; - --spectrum-tag-m-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-m-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-m-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-down: no; - --spectrum-tag-m-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-m-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-m-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-m-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-hover: no; - --spectrum-tag-m-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-m-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-m-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-m-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-m-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-key-focus: yes; - --spectrum-tag-m-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-m-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-m-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-m-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-m-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-m-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-m-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-m-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-m-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-m-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-m-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-m-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-m-textonly-icon-type: icon; - --spectrum-tag-m-textonly-icon-render: no; - --spectrum-tag-m-textonly-icon-size: var(--spectrum-alias-tag-icon-size-m); - --spectrum-tag-m-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-m); - --spectrum-tag-m-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-m); - --spectrum-tag-m-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-tag-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-tag-m-textonly-text-padding-bottom: 0; - --spectrum-tag-m-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-m); - --spectrum-tag-m-textonly-text-font-size: var(--spectrum-alias-tag-font-size-m); - --spectrum-tag-m-textonly-text-render: yes; - --spectrum-tag-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-m-textonly-text-text-transform: none; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-m); - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-m-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-100); - --spectrum-tag-m-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-m); - --spectrum-tag-m-textonly-clearbutton-fill-layout: row; - --spectrum-tag-m-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-m-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-m-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-m); - --spectrum-tag-m-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-m-textonly-clearbutton-render: no; - --spectrum-tag-m-textonly-clearbutton-padding: 0; - --spectrum-tag-m-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-clearbutton-padding-right: 0; - --spectrum-tag-m-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-m); - --spectrum-tag-m-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-m-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-m-textonly-focusring-type: focusring; - --spectrum-tag-m-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-m-textonly-layout: inline-row; - --spectrum-tag-m-textonly-gap: 0; - --spectrum-tag-m-textonly-height: var(--spectrum-alias-tag-height-m); - --spectrum-tag-m-textonly-padding-right: var(--spectrum-alias-tag-padding-right-m); - --spectrum-tag-m-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-tag-l-removable-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error: no; - --spectrum-tag-l-removable-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected: no; - --spectrum-tag-l-removable-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-disabled: no; - --spectrum-tag-l-removable-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-removable-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-removable-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-removable-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-down: no; - --spectrum-tag-l-removable-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-removable-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-removable-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-hover: no; - --spectrum-tag-l-removable-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-removable-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-removable-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-removable-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-down: no; - --spectrum-tag-l-removable-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-hover: no; - --spectrum-tag-l-removable-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render: no; - --spectrum-tag-l-removable-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-removable-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-down: no; - --spectrum-tag-l-removable-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-removable-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-removable-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-hover: no; - --spectrum-tag-l-removable-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-removable-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-removable-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-key-focus: yes; - --spectrum-tag-l-removable-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-removable-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-removable-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-removable-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-l-removable-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-removable-texticon-icon-type: icon; - --spectrum-tag-l-removable-texticon-icon-render: yes; - --spectrum-tag-l-removable-texticon-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-removable-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-removable-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-removable-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-removable-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-removable-texticon-text-padding-bottom: 0; - --spectrum-tag-l-removable-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-removable-texticon-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-removable-texticon-text-render: yes; - --spectrum-tag-l-removable-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-removable-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-removable-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-removable-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-removable-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-removable-texticon-text-text-transform: none; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-removable-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-removable-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-layout: row; - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-removable-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-removable-texticon-clearbutton-render: yes; - --spectrum-tag-l-removable-texticon-clearbutton-padding: 0; - --spectrum-tag-l-removable-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-clearbutton-padding-right: 0; - --spectrum-tag-l-removable-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-removable-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-removable-texticon-focusring-type: focusring; - --spectrum-tag-l-removable-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-removable-texticon-layout: inline-row; - --spectrum-tag-l-removable-texticon-gap: 0; - --spectrum-tag-l-removable-texticon-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-removable-texticon-padding-right: 0; - --spectrum-tag-l-removable-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-removable-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tag-l-texticon-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected: no; - --spectrum-tag-l-texticon-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-texticon-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-texticon-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-texticon-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error: no; - --spectrum-tag-l-texticon-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-texticon-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-texticon-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-disabled: no; - --spectrum-tag-l-texticon-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected: no; - --spectrum-tag-l-texticon-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-disabled: no; - --spectrum-tag-l-texticon-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-texticon-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-texticon-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-texticon-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-disabled: no; - --spectrum-tag-l-texticon-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-texticon-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-texticon-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-texticon-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-down: no; - --spectrum-tag-l-texticon-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-texticon-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-hover: no; - --spectrum-tag-l-texticon-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-texticon-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-texticon-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-texticon-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-texticon-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-texticon-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-texticon-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-texticon-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-down: no; - --spectrum-tag-l-texticon-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-texticon-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-texticon-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-texticon-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-hover: no; - --spectrum-tag-l-texticon-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-texticon-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-texticon-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-texticon-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-texticon-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-texticon-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-key-focus: yes; - --spectrum-tag-l-texticon-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-texticon-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-texticon-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-texticon-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-texticon-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-texticon-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-down: no; - --spectrum-tag-l-texticon-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-texticon-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-texticon-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-hover: no; - --spectrum-tag-l-texticon-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-texticon-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-texticon-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-texticon-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-texticon-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-texticon-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-texticon-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-texticon-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-texticon-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-texticon-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-texticon-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-texticon-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render: no; - --spectrum-tag-l-texticon-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-texticon-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-texticon-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-texticon-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-texticon-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-texticon-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-down: no; - --spectrum-tag-l-texticon-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-texticon-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-texticon-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-texticon-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-texticon-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-texticon-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-hover: no; - --spectrum-tag-l-texticon-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-texticon-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-texticon-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-texticon-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-texticon-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-texticon-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-key-focus: yes; - --spectrum-tag-l-texticon-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-texticon-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-texticon-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-texticon-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-texticon-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-texticon-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-texticon-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-texticon-focusring-render-mouse-focus: no; - --spectrum-tag-l-texticon-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-texticon-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-texticon-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-texticon-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-texticon-icon-type: icon; - --spectrum-tag-l-texticon-icon-render: yes; - --spectrum-tag-l-texticon-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-texticon-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-texticon-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-texticon-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-texticon-text-padding-bottom: 0; - --spectrum-tag-l-texticon-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-texticon-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-texticon-text-render: yes; - --spectrum-tag-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-texticon-text-text-transform: none; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-texticon-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-texticon-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-texticon-clearbutton-fill-layout: row; - --spectrum-tag-l-texticon-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-texticon-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-texticon-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-texticon-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-texticon-clearbutton-render: no; - --spectrum-tag-l-texticon-clearbutton-padding: 0; - --spectrum-tag-l-texticon-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-clearbutton-padding-right: 0; - --spectrum-tag-l-texticon-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-texticon-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-texticon-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-texticon-focusring-type: focusring; - --spectrum-tag-l-texticon-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-texticon-layout: inline-row; - --spectrum-tag-l-texticon-gap: 0; - --spectrum-tag-l-texticon-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-texticon-padding-right: var(--spectrum-alias-tag-padding-right-l); - --spectrum-tag-l-texticon-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-tag-l-removable-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error: no; - --spectrum-tag-l-removable-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected: no; - --spectrum-tag-l-removable-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-removable-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-removable-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-disabled: no; - --spectrum-tag-l-removable-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-removable-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-removable-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-removable-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-removable-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-removable-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-removable-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-removable-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-down: no; - --spectrum-tag-l-removable-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-removable-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-removable-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-hover: no; - --spectrum-tag-l-removable-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-removable-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-removable-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-removable-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-removable-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-removable-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-removable-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-removable-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-down: no; - --spectrum-tag-l-removable-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-removable-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-hover: no; - --spectrum-tag-l-removable-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-removable-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-removable-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-removable-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-removable-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render: no; - --spectrum-tag-l-removable-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-removable-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-down: no; - --spectrum-tag-l-removable-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-removable-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-removable-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-hover: no; - --spectrum-tag-l-removable-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-removable-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-removable-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-removable-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-removable-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-key-focus: yes; - --spectrum-tag-l-removable-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-removable-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-removable-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-removable-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-removable-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-removable-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-removable-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-removable-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-l-removable-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-removable-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-removable-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-removable-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-removable-textonly-icon-type: icon; - --spectrum-tag-l-removable-textonly-icon-render: no; - --spectrum-tag-l-removable-textonly-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-removable-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-removable-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-removable-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-removable-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-removable-textonly-text-padding-bottom: 0; - --spectrum-tag-l-removable-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-removable-textonly-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-removable-textonly-text-render: yes; - --spectrum-tag-l-removable-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-removable-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-removable-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-removable-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-removable-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-removable-textonly-text-text-transform: none; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-removable-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-removable-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-layout: row; - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-removable-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-removable-textonly-clearbutton-render: yes; - --spectrum-tag-l-removable-textonly-clearbutton-padding: 0; - --spectrum-tag-l-removable-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-clearbutton-padding-right: 0; - --spectrum-tag-l-removable-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-removable-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-removable-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-removable-textonly-focusring-type: focusring; - --spectrum-tag-l-removable-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-removable-textonly-layout: inline-row; - --spectrum-tag-l-removable-textonly-gap: 0; - --spectrum-tag-l-removable-textonly-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-removable-textonly-padding-right: 0; - --spectrum-tag-l-removable-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-removable-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-tag-l-textonly-icon-color-error-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected: no; - --spectrum-tag-l-textonly-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-textonly-border-size-error-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-error-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-error-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-error-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-disabled: no; - --spectrum-tag-l-textonly-background-color-error-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-error-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-error-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-tag-l-textonly-text-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error: no; - --spectrum-tag-l-textonly-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-textonly-border-size-error: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-textonly-icon-color-error-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-error-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-error-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-error-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-disabled: no; - --spectrum-tag-l-textonly-background-color-error-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-error-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-error-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-selected: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected: no; - --spectrum-tag-l-textonly-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-border-size-selected: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-icon-color-selected-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-selected-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-selected-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-selected-disabled: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-disabled: no; - --spectrum-tag-l-textonly-background-color-selected-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-selected-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-selected-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-disabled: var(--spectrum-alias-tag-icon-color-disabled); - --spectrum-tag-l-textonly-text-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-text-color-disabled: var(--spectrum-alias-tag-text-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-disabled: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled); - --spectrum-tag-l-textonly-focusring-border-color-disabled: var(--spectrum-alias-tag-focusring-border-color-disabled); - --spectrum-tag-l-textonly-focusring-gap-disabled: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-disabled: no; - --spectrum-tag-l-textonly-background-color-disabled: var(--spectrum-alias-tag-background-color-disabled); - --spectrum-tag-l-textonly-border-size-disabled: var(--spectrum-alias-tag-border-size-disabled); - --spectrum-tag-l-textonly-border-color-disabled: var(--spectrum-alias-tag-border-color-disabled); - --spectrum-tag-l-textonly-icon-color-error-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-down: no; - --spectrum-tag-l-textonly-background-color-error-selected-down: var(--spectrum-alias-tag-background-color-error-selected-down); - --spectrum-tag-l-textonly-border-size-error-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-down: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-hover: no; - --spectrum-tag-l-textonly-background-color-error-selected-hover: var(--spectrum-alias-tag-background-color-error-selected-hover); - --spectrum-tag-l-textonly-border-size-error-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-hover: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-textonly-focusring-gap-error-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-key-focus: yes; - --spectrum-tag-l-textonly-background-color-error-selected-key-focus: var(--spectrum-alias-tag-background-color-error-selected-key-focus); - --spectrum-tag-l-textonly-border-size-error-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-error-selected-key-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-error-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-selected-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-error-selected-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-error-selected-mouse-focus: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-tag-l-textonly-border-size-error-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-selected-mouse-focus: var(--spectrum-alias-tag-border-color-error-selected); - --spectrum-tag-l-textonly-icon-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-textonly-text-color-error-down: var(--spectrum-alias-tag-text-color-error-down); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-down: no; - --spectrum-tag-l-textonly-background-color-error-down: var(--spectrum-alias-tag-background-color-error-down); - --spectrum-tag-l-textonly-border-size-error-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-down: var(--spectrum-alias-tag-border-color-error-down); - --spectrum-tag-l-textonly-icon-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-textonly-text-color-error-hover: var(--spectrum-alias-tag-text-color-error-hover); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-hover: no; - --spectrum-tag-l-textonly-background-color-error-hover: var(--spectrum-alias-tag-background-color-error-hover); - --spectrum-tag-l-textonly-border-size-error-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-hover: var(--spectrum-alias-tag-border-color-error-hover); - --spectrum-tag-l-textonly-icon-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-tag-l-textonly-text-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-textonly-text-color-error-key-focus: var(--spectrum-alias-tag-text-color-error-key-focus); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-textonly-focusring-gap-error-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-key-focus: yes; - --spectrum-tag-l-textonly-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-error-key-focus); - --spectrum-tag-l-textonly-border-size-error-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-error-key-focus: var(--spectrum-alias-tag-border-color-error-key-focus); - --spectrum-tag-l-textonly-icon-color-error-mouse-focus: var(--spectrum-global-color-red-600); - --spectrum-tag-l-textonly-text-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-text-color-error-mouse-focus: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-error-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-error-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-error-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-error-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-error-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-error-mouse-focus: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-tag-l-textonly-border-size-error-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-error-mouse-focus: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-tag-l-textonly-icon-color-selected-down: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-down: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-down: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-down: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-down: no; - --spectrum-tag-l-textonly-background-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-textonly-border-size-selected-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-down: var(--spectrum-alias-tag-background-color-selected-down); - --spectrum-tag-l-textonly-icon-color-selected-hover: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-hover: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-hover: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-hover: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-hover: no; - --spectrum-tag-l-textonly-background-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-textonly-border-size-selected-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-hover: var(--spectrum-alias-tag-background-color-selected-hover); - --spectrum-tag-l-textonly-icon-color-selected-key-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-key-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-key-focus: var(--spectrum-alias-tag-focusring-border-color-selected-key-focus); - --spectrum-tag-l-textonly-focusring-gap-selected-key-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-key-focus: yes; - --spectrum-tag-l-textonly-background-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-textonly-border-size-selected-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-selected-key-focus: var(--spectrum-alias-tag-background-color-selected-key-focus); - --spectrum-tag-l-textonly-icon-color-selected-mouse-focus: var(--spectrum-alias-tag-icon-color-selected); - --spectrum-tag-l-textonly-text-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-text-color-selected-mouse-focus: var(--spectrum-alias-tag-text-color-selected); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-selected-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-selected-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-selected-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-selected-mouse-focus: var(--spectrum-alias-tag-focusring-gap-selected); - --spectrum-tag-l-textonly-focusring-render-selected-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-border-size-selected-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-selected-mouse-focus: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-tag-l-textonly-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-textonly-text-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color: transparent; - --spectrum-tag-l-textonly-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render: no; - --spectrum-tag-l-textonly-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-textonly-border-size: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-textonly-icon-color-down: var(--spectrum-alias-tag-icon-color-down); - --spectrum-tag-l-textonly-text-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-textonly-text-color-down: var(--spectrum-alias-tag-text-color-down); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-down: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-down: transparent; - --spectrum-tag-l-textonly-focusring-border-color-down: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-down: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-down: no; - --spectrum-tag-l-textonly-background-color-down: var(--spectrum-alias-tag-background-color-down); - --spectrum-tag-l-textonly-border-size-down: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-down: var(--spectrum-alias-tag-border-color-down); - --spectrum-tag-l-textonly-icon-color-hover: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-textonly-text-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-textonly-text-color-hover: var(--spectrum-alias-tag-text-color-hover); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-hover: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-hover: transparent; - --spectrum-tag-l-textonly-focusring-border-color-hover: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-hover: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-hover: no; - --spectrum-tag-l-textonly-background-color-hover: var(--spectrum-alias-tag-background-color-hover); - --spectrum-tag-l-textonly-border-size-hover: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-hover: var(--spectrum-alias-tag-border-color-hover); - --spectrum-tag-l-textonly-icon-color-key-focus: var(--spectrum-alias-tag-icon-color-hover); - --spectrum-tag-l-textonly-text-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-textonly-text-color-key-focus: var(--spectrum-alias-tag-text-color-key-focus); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-key-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-key-focus: var(--spectrum-alias-tag-focusring-border-color-key-focus); - --spectrum-tag-l-textonly-focusring-gap-key-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-key-focus: yes; - --spectrum-tag-l-textonly-background-color-key-focus: var(--spectrum-alias-tag-background-color-key-focus); - --spectrum-tag-l-textonly-border-size-key-focus: var(--spectrum-alias-tag-border-size-key-focus); - --spectrum-tag-l-textonly-border-color-key-focus: var(--spectrum-alias-tag-border-color-key-focus); - --spectrum-tag-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-tag-icon-color-default); - --spectrum-tag-l-textonly-text-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-text-color-mouse-focus: var(--spectrum-alias-tag-text-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-color-mouse-focus: var(--spectrum-alias-icon-color); - --spectrum-tag-l-textonly-clearbutton-fill-border-color-mouse-focus: transparent; - --spectrum-tag-l-textonly-focusring-border-color-mouse-focus: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-tag-l-textonly-focusring-gap-mouse-focus: var(--spectrum-alias-tag-focusring-gap); - --spectrum-tag-l-textonly-focusring-render-mouse-focus: no; - --spectrum-tag-l-textonly-background-color-mouse-focus: var(--spectrum-alias-tag-background-color-default); - --spectrum-tag-l-textonly-border-size-mouse-focus: var(--spectrum-alias-tag-border-size-default); - --spectrum-tag-l-textonly-border-color-mouse-focus: var(--spectrum-alias-tag-border-color-default); - --spectrum-tag-l-textonly-clearbutton-fill-background-color: transparent; - --spectrum-tag-l-textonly-icon-type: icon; - --spectrum-tag-l-textonly-icon-render: no; - --spectrum-tag-l-textonly-icon-size: var(--spectrum-alias-tag-icon-size-l); - --spectrum-tag-l-textonly-icon-margin-top: var(--spectrum-alias-tag-icon-margin-top-l); - --spectrum-tag-l-textonly-icon-margin-right: var(--spectrum-alias-tag-icon-margin-right-l); - --spectrum-tag-l-textonly-icon-margin-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-tag-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-tag-l-textonly-text-padding-bottom: 0; - --spectrum-tag-l-textonly-text-padding-top: var(--spectrum-alias-tag-text-padding-top-l); - --spectrum-tag-l-textonly-text-font-size: var(--spectrum-alias-tag-font-size-l); - --spectrum-tag-l-textonly-text-render: yes; - --spectrum-tag-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tag-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tag-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tag-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tag-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tag-l-textonly-text-text-transform: none; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-margin: var(--spectrum-alias-tag-clearbutton-icon-margin-l); - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-type: ui-icon; - --spectrum-tag-l-textonly-clearbutton-fill-uiicon-size: var(--spectrum-alias-ui-icon-cross-size-200); - --spectrum-tag-l-textonly-clearbutton-fill-width: var(--spectrum-alias-tag-clearbutton-width-l); - --spectrum-tag-l-textonly-clearbutton-fill-layout: row; - --spectrum-tag-l-textonly-clearbutton-fill-border-top-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-top-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-bottom-left-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-border-bottom-right-radius: var(--spectrum-alias-clearbutton-border-radius); - --spectrum-tag-l-textonly-clearbutton-fill-padding-top: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-bottom: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-left: 0; - --spectrum-tag-l-textonly-clearbutton-fill-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-fill-size: var(--spectrum-alias-infieldbutton-full-height-l); - --spectrum-tag-l-textonly-clearbutton-fill-border-size: var(--spectrum-alias-infieldbutton-border-size); - --spectrum-tag-l-textonly-clearbutton-render: no; - --spectrum-tag-l-textonly-clearbutton-padding: 0; - --spectrum-tag-l-textonly-clearbutton-padding-top: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-clearbutton-padding-left: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-clearbutton-padding-right: 0; - --spectrum-tag-l-textonly-clearbutton-padding-bottom: var(--spectrum-alias-infieldbutton-padding-l); - --spectrum-tag-l-textonly-focusring-border-radius: var(--spectrum-alias-tag-focusring-border-radius); - --spectrum-tag-l-textonly-focusring-border-size: var(--spectrum-alias-tag-focusring-size); - --spectrum-tag-l-textonly-focusring-type: focusring; - --spectrum-tag-l-textonly-focusring-border-width: var(--spectrum-alias-focus-ring-size); - --spectrum-tag-l-textonly-layout: inline-row; - --spectrum-tag-l-textonly-gap: 0; - --spectrum-tag-l-textonly-height: var(--spectrum-alias-tag-height-l); - --spectrum-tag-l-textonly-padding-right: var(--spectrum-alias-tag-padding-right-l); - --spectrum-tag-l-textonly-border-radius: var(--spectrum-alias-tag-border-radius); - --spectrum-tag-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); -} diff --git a/components/vars/css/components/spectrum-taggroup.css b/components/vars/css/components/spectrum-taggroup.css deleted file mode 100644 index 3f8a0b58d40..00000000000 --- a/components/vars/css/components/spectrum-taggroup.css +++ /dev/null @@ -1,4 +0,0 @@ -:root { - --spectrum-taggroup-tag-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-taggroup-tag-gap-y: var(--spectrum-global-dimension-size-100); -} diff --git a/components/vars/css/components/spectrum-textarea.css b/components/vars/css/components/spectrum-textarea.css deleted file mode 100644 index 86abde394eb..00000000000 --- a/components/vars/css/components/spectrum-textarea.css +++ /dev/null @@ -1,3234 +0,0 @@ -:root { - --spectrum-textarea-s-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-s-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size: 0; - --spectrum-textarea-s-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-down: 0; - --spectrum-textarea-s-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-s-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-s-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-quiet-text-render: yes; - --spectrum-textarea-s-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-quiet-text-text-transform: none; - --spectrum-textarea-s-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-text-transform: none; - --spectrum-textarea-s-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-s-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-s-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-s-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-s-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-s-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-s-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-multiline-quiet-layout: row; - --spectrum-textarea-s-multiline-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-multiline-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-multiline-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-quiet-border-size-disabled: 0; - --spectrum-textarea-s-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-valid: 0; - --spectrum-textarea-s-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-valid: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-s-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-invalid: 0; - --spectrum-textarea-s-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-s-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size: 0; - --spectrum-textarea-s-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render: no; - --spectrum-textarea-s-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-down: 0; - --spectrum-textarea-s-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-hover: 0; - --spectrum-textarea-s-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-key-focus: 0; - --spectrum-textarea-s-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-s-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-valid-down: 0; - --spectrum-textarea-s-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-valid-hover: 0; - --spectrum-textarea-s-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-s-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-s-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-invalid-down: 0; - --spectrum-textarea-s-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-s-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-s-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-s-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-quiet-text-render: yes; - --spectrum-textarea-s-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-quiet-text-text-transform: none; - --spectrum-textarea-s-quiet-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-text-transform: none; - --spectrum-textarea-s-quiet-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-placeholder-render: yes; - --spectrum-textarea-s-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-quiet-placeholder-text-transform: none; - --spectrum-textarea-s-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-s-quiet-focus-ring-border-width: 0; - --spectrum-textarea-s-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-s-quiet-focus-ring-type: focusring; - --spectrum-textarea-s-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-s-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-quiet-layout: row; - --spectrum-textarea-s-quiet-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-s-quiet-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-quiet-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-valid: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render: no; - --spectrum-textarea-s-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-multiline-text-render: yes; - --spectrum-textarea-s-multiline-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-text-text-transform: none; - --spectrum-textarea-s-multiline-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-text-transform: none; - --spectrum-textarea-s-multiline-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-placeholder-render: yes; - --spectrum-textarea-s-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-multiline-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-multiline-placeholder-text-transform: none; - --spectrum-textarea-s-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-s-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-multiline-focus-ring-type: focusring; - --spectrum-textarea-s-multiline-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-multiline-layout: row; - --spectrum-textarea-s-multiline-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-s-multiline-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-multiline-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-multiline-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-s-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-focus-ring-render-valid: no; - --spectrum-textarea-s-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-valid-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-focus-ring-render-invalid: no; - --spectrum-textarea-s-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-s-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-s-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-s-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-s-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-s-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-s-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-s-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render: no; - --spectrum-textarea-s-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-s-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-down: no; - --spectrum-textarea-s-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-hover: no; - --spectrum-textarea-s-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-focus-ring-render-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-focus-ring-render-valid-down: no; - --spectrum-textarea-s-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-s-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-focus-ring-render-valid-hover: no; - --spectrum-textarea-s-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-s-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-s-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-s-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-s-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-s-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-focus-ring-render-invalid-down: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-s-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-s-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-focus-ring-render-invalid-hover: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-s-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-s-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-s-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-s-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-s-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-s-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-s-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-s-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-s-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-s-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-s-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-s-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-s-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-s-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-s-text-render: yes; - --spectrum-textarea-s-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-s-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-s-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-text-text-transform: none; - --spectrum-textarea-s-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-text-transform: none; - --spectrum-textarea-s-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-placeholder-render: yes; - --spectrum-textarea-s-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-s-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-s-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textarea-s-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-s-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-s-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-s-placeholder-text-transform: none; - --spectrum-textarea-s-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textarea-s-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textarea-s-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-s-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-s-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-s-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-s-focus-ring-type: focusring; - --spectrum-textarea-s-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-s-layout: row; - --spectrum-textarea-s-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textarea-s-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-s-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-s-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textarea-s-height: var(--spectrum-global-dimension-size-300); - --spectrum-textarea-m-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-m-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size: 0; - --spectrum-textarea-m-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-down: 0; - --spectrum-textarea-m-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-m-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-m-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-quiet-text-render: yes; - --spectrum-textarea-m-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-quiet-text-text-transform: none; - --spectrum-textarea-m-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-text-transform: none; - --spectrum-textarea-m-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-m-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-m-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-m-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-m-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-m-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-m-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-multiline-quiet-layout: row; - --spectrum-textarea-m-multiline-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-multiline-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-multiline-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-quiet-border-size-disabled: 0; - --spectrum-textarea-m-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-valid: 0; - --spectrum-textarea-m-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-valid: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-m-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-invalid: 0; - --spectrum-textarea-m-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-m-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size: 0; - --spectrum-textarea-m-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render: no; - --spectrum-textarea-m-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-down: 0; - --spectrum-textarea-m-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-hover: 0; - --spectrum-textarea-m-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-key-focus: 0; - --spectrum-textarea-m-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-m-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-valid-down: 0; - --spectrum-textarea-m-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-valid-hover: 0; - --spectrum-textarea-m-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-m-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-m-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-invalid-down: 0; - --spectrum-textarea-m-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-m-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-m-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-m-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-quiet-text-render: yes; - --spectrum-textarea-m-quiet-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-quiet-text-text-transform: none; - --spectrum-textarea-m-quiet-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-text-transform: none; - --spectrum-textarea-m-quiet-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-placeholder-render: yes; - --spectrum-textarea-m-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-quiet-placeholder-text-transform: none; - --spectrum-textarea-m-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-m-quiet-focus-ring-border-width: 0; - --spectrum-textarea-m-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-m-quiet-focus-ring-type: focusring; - --spectrum-textarea-m-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-m-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-quiet-layout: row; - --spectrum-textarea-m-quiet-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-m-quiet-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-quiet-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-valid: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render: no; - --spectrum-textarea-m-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-multiline-text-render: yes; - --spectrum-textarea-m-multiline-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-text-text-transform: none; - --spectrum-textarea-m-multiline-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-text-transform: none; - --spectrum-textarea-m-multiline-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-placeholder-render: yes; - --spectrum-textarea-m-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-multiline-placeholder-text-transform: none; - --spectrum-textarea-m-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-m-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-multiline-focus-ring-type: focusring; - --spectrum-textarea-m-multiline-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-multiline-layout: row; - --spectrum-textarea-m-multiline-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-m-multiline-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-multiline-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-multiline-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-m-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-focus-ring-render-valid: no; - --spectrum-textarea-m-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-valid-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-focus-ring-render-invalid: no; - --spectrum-textarea-m-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-m-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-m-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-m-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-m-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-m-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-m-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-m-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render: no; - --spectrum-textarea-m-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-m-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-down: no; - --spectrum-textarea-m-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-hover: no; - --spectrum-textarea-m-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-focus-ring-render-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-focus-ring-render-valid-down: no; - --spectrum-textarea-m-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-m-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-focus-ring-render-valid-hover: no; - --spectrum-textarea-m-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-m-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-m-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-m-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-m-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-m-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-focus-ring-render-invalid-down: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-m-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-m-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-focus-ring-render-invalid-hover: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-m-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-m-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-m-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-m-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-m-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-m-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-m-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-m-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-m-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-m-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-m-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-m-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-m-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-m-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-m-text-render: yes; - --spectrum-textarea-m-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-m-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-m-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-text-text-transform: none; - --spectrum-textarea-m-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-text-transform: none; - --spectrum-textarea-m-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-placeholder-render: yes; - --spectrum-textarea-m-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-m-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-m-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textarea-m-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textarea-m-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-m-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-m-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-m-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-m-placeholder-text-transform: none; - --spectrum-textarea-m-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textarea-m-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textarea-m-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-m-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-m-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-m-focus-ring-type: focusring; - --spectrum-textarea-m-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-m-layout: row; - --spectrum-textarea-m-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-m-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-m-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-m-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textarea-m-height: var(--spectrum-global-dimension-size-400); - --spectrum-textarea-l-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-l-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size: 0; - --spectrum-textarea-l-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-down: 0; - --spectrum-textarea-l-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-l-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-l-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-quiet-text-render: yes; - --spectrum-textarea-l-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-quiet-text-text-transform: none; - --spectrum-textarea-l-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-text-transform: none; - --spectrum-textarea-l-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-l-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-l-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-l-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-l-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-l-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-l-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-multiline-quiet-layout: row; - --spectrum-textarea-l-multiline-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-multiline-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-quiet-border-size-disabled: 0; - --spectrum-textarea-l-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-valid: 0; - --spectrum-textarea-l-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-valid: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-l-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-invalid: 0; - --spectrum-textarea-l-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-l-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size: 0; - --spectrum-textarea-l-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render: no; - --spectrum-textarea-l-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-down: 0; - --spectrum-textarea-l-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-hover: 0; - --spectrum-textarea-l-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-key-focus: 0; - --spectrum-textarea-l-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-l-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-valid-down: 0; - --spectrum-textarea-l-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-valid-hover: 0; - --spectrum-textarea-l-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-l-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-l-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-invalid-down: 0; - --spectrum-textarea-l-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-l-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-l-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-l-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-quiet-text-render: yes; - --spectrum-textarea-l-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-quiet-text-text-transform: none; - --spectrum-textarea-l-quiet-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-text-transform: none; - --spectrum-textarea-l-quiet-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-placeholder-render: yes; - --spectrum-textarea-l-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-quiet-placeholder-text-transform: none; - --spectrum-textarea-l-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-l-quiet-focus-ring-border-width: 0; - --spectrum-textarea-l-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-l-quiet-focus-ring-type: focusring; - --spectrum-textarea-l-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-l-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-quiet-layout: row; - --spectrum-textarea-l-quiet-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-l-quiet-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-valid: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render: no; - --spectrum-textarea-l-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-multiline-text-render: yes; - --spectrum-textarea-l-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-text-text-transform: none; - --spectrum-textarea-l-multiline-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-text-transform: none; - --spectrum-textarea-l-multiline-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-placeholder-render: yes; - --spectrum-textarea-l-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-multiline-placeholder-text-transform: none; - --spectrum-textarea-l-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-l-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-multiline-focus-ring-type: focusring; - --spectrum-textarea-l-multiline-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-multiline-layout: row; - --spectrum-textarea-l-multiline-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-l-multiline-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-multiline-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-l-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-focus-ring-render-valid: no; - --spectrum-textarea-l-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-valid-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-focus-ring-render-invalid: no; - --spectrum-textarea-l-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-l-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-l-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-l-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-l-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-l-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-l-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-l-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render: no; - --spectrum-textarea-l-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-l-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-down: no; - --spectrum-textarea-l-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-hover: no; - --spectrum-textarea-l-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-focus-ring-render-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-focus-ring-render-valid-down: no; - --spectrum-textarea-l-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-l-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-focus-ring-render-valid-hover: no; - --spectrum-textarea-l-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-l-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-l-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-l-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-l-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-l-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-focus-ring-render-invalid-down: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-l-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-l-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-focus-ring-render-invalid-hover: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-l-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-l-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-l-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-l-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-l-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-l-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-l-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-l-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-l-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-l-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-l-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-l-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-l-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-l-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-l-text-render: yes; - --spectrum-textarea-l-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-l-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-l-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-text-text-transform: none; - --spectrum-textarea-l-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-text-transform: none; - --spectrum-textarea-l-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-placeholder-render: yes; - --spectrum-textarea-l-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-l-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-l-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textarea-l-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textarea-l-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-l-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-l-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-l-placeholder-text-transform: none; - --spectrum-textarea-l-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textarea-l-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textarea-l-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-l-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-l-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-l-focus-ring-type: focusring; - --spectrum-textarea-l-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-l-layout: row; - --spectrum-textarea-l-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textarea-l-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-l-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textarea-l-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-height: var(--spectrum-global-dimension-size-500); - --spectrum-textarea-xl-multiline-quiet-border-size-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-valid: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size: 0; - --spectrum-textarea-xl-multiline-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-down: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-hover: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-down: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-hover: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-down: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-xl-multiline-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-multiline-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-quiet-text-render: yes; - --spectrum-textarea-xl-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-multiline-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-multiline-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-quiet-text-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-placeholder-render: yes; - --spectrum-textarea-xl-multiline-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-quiet-placeholder-text-transform: none; - --spectrum-textarea-xl-multiline-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-width: 0; - --spectrum-textarea-xl-multiline-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-xl-multiline-quiet-focus-ring-type: focusring; - --spectrum-textarea-xl-multiline-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-xl-multiline-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-multiline-quiet-layout: row; - --spectrum-textarea-xl-multiline-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-multiline-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-multiline-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-multiline-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-multiline-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-quiet-border-size-disabled: 0; - --spectrum-textarea-xl-quiet-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-valid: 0; - --spectrum-textarea-xl-quiet-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-valid: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-quiet-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-valid-disabled: 0; - --spectrum-textarea-xl-quiet-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-invalid: 0; - --spectrum-textarea-xl-quiet-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-invalid-disabled: 0; - --spectrum-textarea-xl-quiet-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size: 0; - --spectrum-textarea-xl-quiet-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-quiet-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-quiet-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-quiet-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-down: 0; - --spectrum-textarea-xl-quiet-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-quiet-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-hover: 0; - --spectrum-textarea-xl-quiet-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-key-focus: 0; - --spectrum-textarea-xl-quiet-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-border-size-mouse-focus: 0; - --spectrum-textarea-xl-quiet-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-valid-down: 0; - --spectrum-textarea-xl-quiet-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-valid-hover: 0; - --spectrum-textarea-xl-quiet-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-valid-key-focus: 0; - --spectrum-textarea-xl-quiet-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-border-size-valid-mouse-focus: 0; - --spectrum-textarea-xl-quiet-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-invalid-down: 0; - --spectrum-textarea-xl-quiet-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-invalid-hover: 0; - --spectrum-textarea-xl-quiet-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-border-size-invalid-key-focus: 0; - --spectrum-textarea-xl-quiet-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-quiet-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-quiet-border-size-invalid-mouse-focus: 0; - --spectrum-textarea-xl-quiet-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-quiet-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-quiet-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-quiet-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-quiet-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-quiet-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-quiet-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-quiet-text-render: yes; - --spectrum-textarea-xl-quiet-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-quiet-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-quiet-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-quiet-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-quiet-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-quiet-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-quiet-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-quiet-text-text-transform: none; - --spectrum-textarea-xl-quiet-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-text-transform: none; - --spectrum-textarea-xl-quiet-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-placeholder-render: yes; - --spectrum-textarea-xl-quiet-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-quiet-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-quiet-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-quiet-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-quiet-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-quiet-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-quiet-placeholder-text-transform: none; - --spectrum-textarea-xl-quiet-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-quiet-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-quiet-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-quiet-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-quiet-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-quiet-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-quiet-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-quiet-focus-ring-border-radius: 0; - --spectrum-textarea-xl-quiet-focus-ring-border-width: 0; - --spectrum-textarea-xl-quiet-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textarea-xl-quiet-focus-ring-type: focusring; - --spectrum-textarea-xl-quiet-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-textarea-xl-quiet-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-quiet-layout: row; - --spectrum-textarea-xl-quiet-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-quiet-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-quiet-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textarea-xl-quiet-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-quiet-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-multiline-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-valid: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-multiline-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-multiline-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-multiline-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-multiline-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-multiline-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-multiline-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-multiline-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-multiline-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-multiline-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-multiline-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-multiline-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-multiline-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-multiline-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-multiline-text-render: yes; - --spectrum-textarea-xl-multiline-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-multiline-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-multiline-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-text-text-transform: none; - --spectrum-textarea-xl-multiline-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-text-transform: none; - --spectrum-textarea-xl-multiline-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-placeholder-render: yes; - --spectrum-textarea-xl-multiline-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-multiline-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-multiline-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-multiline-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-multiline-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-multiline-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-multiline-placeholder-text-transform: none; - --spectrum-textarea-xl-multiline-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-multiline-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-multiline-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-multiline-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-xl-multiline-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-multiline-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-multiline-focus-ring-type: focusring; - --spectrum-textarea-xl-multiline-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-multiline-layout: row; - --spectrum-textarea-xl-multiline-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-multiline-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-xl-multiline-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-multiline-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-multiline-height: var(--spectrum-global-dimension-size-600); - --spectrum-textarea-xl-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-focus-ring-render-valid: no; - --spectrum-textarea-xl-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-valid-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-focus-ring-render-invalid: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textarea-xl-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textarea-xl-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textarea-xl-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-invalid-disabled: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textarea-xl-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textarea-xl-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textarea-xl-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textarea-xl-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render: no; - --spectrum-textarea-xl-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textarea-xl-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-down: no; - --spectrum-textarea-xl-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-focus-ring-render-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-focus-ring-render-valid-down: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textarea-xl-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-focus-ring-render-valid-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textarea-xl-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-focus-ring-render-valid-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textarea-xl-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textarea-xl-focus-ring-render-valid-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textarea-xl-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-focus-ring-render-invalid-down: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textarea-xl-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textarea-xl-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-focus-ring-render-invalid-hover: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textarea-xl-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textarea-xl-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textarea-xl-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textarea-xl-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-focus-ring-render-invalid-key-focus: yes; - --spectrum-textarea-xl-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textarea-xl-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textarea-xl-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textarea-xl-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textarea-xl-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textarea-xl-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textarea-xl-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textarea-xl-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textarea-xl-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textarea-xl-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textarea-xl-text-render: yes; - --spectrum-textarea-xl-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textarea-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textarea-xl-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-text-text-transform: none; - --spectrum-textarea-xl-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-text-transform: none; - --spectrum-textarea-xl-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-placeholder-render: yes; - --spectrum-textarea-xl-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textarea-xl-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textarea-xl-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textarea-xl-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textarea-xl-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textarea-xl-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textarea-xl-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textarea-xl-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textarea-xl-placeholder-text-transform: none; - --spectrum-textarea-xl-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textarea-xl-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textarea-xl-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textarea-xl-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textarea-xl-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textarea-xl-focus-ring-type: focusring; - --spectrum-textarea-xl-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textarea-xl-layout: row; - --spectrum-textarea-xl-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textarea-xl-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textarea-xl-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textarea-xl-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-xl-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-textfield.css b/components/vars/css/components/spectrum-textfield.css deleted file mode 100644 index e2e7fdebe41..00000000000 --- a/components/vars/css/components/spectrum-textfield.css +++ /dev/null @@ -1,3981 +0,0 @@ -:root { - --spectrum-textfield-s-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-s-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size: 0; - --spectrum-textfield-s-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-down: 0; - --spectrum-textfield-s-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-s-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-s-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-text-render: yes; - --spectrum-textfield-s-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-texticon-text-text-transform: none; - --spectrum-textfield-s-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-text-transform: none; - --spectrum-textfield-s-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-s-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-s-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-s-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-s-quiet-texticon-icon-render: yes; - --spectrum-textfield-s-quiet-texticon-icon-type: icon; - --spectrum-textfield-s-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-s-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-s-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-s-quiet-texticon-layout: row; - --spectrum-textfield-s-quiet-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-s-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size: 0; - --spectrum-textfield-s-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-down: 0; - --spectrum-textfield-s-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-s-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-s-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-text-render: yes; - --spectrum-textfield-s-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-textonly-text-text-transform: none; - --spectrum-textfield-s-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-text-transform: none; - --spectrum-textfield-s-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-s-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-s-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-s-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-s-quiet-textonly-icon-render: no; - --spectrum-textfield-s-quiet-textonly-icon-type: icon; - --spectrum-textfield-s-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-s-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-s-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-s-quiet-textonly-layout: row; - --spectrum-textfield-s-quiet-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-s-quiet-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-quiet-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-valid: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render: no; - --spectrum-textfield-s-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-text-render: yes; - --spectrum-textfield-s-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-texticon-text-text-transform: none; - --spectrum-textfield-s-texticon-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-text-transform: none; - --spectrum-textfield-s-texticon-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-render: yes; - --spectrum-textfield-s-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-texticon-placeholder-text-transform: none; - --spectrum-textfield-s-texticon-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-texticon-icon-margin-top: 0; - --spectrum-textfield-s-texticon-icon-margin-bottom: 0; - --spectrum-textfield-s-texticon-icon-render: yes; - --spectrum-textfield-s-texticon-icon-type: icon; - --spectrum-textfield-s-texticon-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-texticon-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-s-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-texticon-focus-ring-type: focusring; - --spectrum-textfield-s-texticon-layout: row; - --spectrum-textfield-s-texticon-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-s-texticon-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-texticon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-texticon-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-s-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-valid: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-s-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-s-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-s-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-s-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-s-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-s-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render: no; - --spectrum-textfield-s-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-s-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-s-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-s-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-s-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-s-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-s-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-s-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-s-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-s-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-s-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-s-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-s-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-s-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-s-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-s-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-text-render: yes; - --spectrum-textfield-s-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-s-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-s-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-textonly-text-text-transform: none; - --spectrum-textfield-s-textonly-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-text-transform: none; - --spectrum-textfield-s-textonly-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-render: yes; - --spectrum-textfield-s-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-s-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-s-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-textfield-s-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-s-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-s-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-s-textonly-placeholder-text-transform: none; - --spectrum-textfield-s-textonly-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-s-textonly-icon-margin-top: 0; - --spectrum-textfield-s-textonly-icon-margin-bottom: 0; - --spectrum-textfield-s-textonly-icon-render: no; - --spectrum-textfield-s-textonly-icon-type: icon; - --spectrum-textfield-s-textonly-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-textfield-s-textonly-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75); - --spectrum-textfield-s-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-75); - --spectrum-textfield-s-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-s-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-s-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-s-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-s-textonly-focus-ring-type: focusring; - --spectrum-textfield-s-textonly-layout: row; - --spectrum-textfield-s-textonly-min-width: var(--spectrum-global-dimension-size-450); - --spectrum-textfield-s-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-s-textonly-padding-left: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-textonly-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-s-textonly-gap: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-s-textonly-height: var(--spectrum-global-dimension-size-300); - --spectrum-textfield-m-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-m-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size: 0; - --spectrum-textfield-m-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-down: 0; - --spectrum-textfield-m-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-m-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-m-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-quiet-texticon-text-render: yes; - --spectrum-textfield-m-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-texticon-text-text-transform: none; - --spectrum-textfield-m-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-text-transform: none; - --spectrum-textfield-m-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-m-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-m-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-m-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-m-quiet-texticon-icon-render: yes; - --spectrum-textfield-m-quiet-texticon-icon-type: icon; - --spectrum-textfield-m-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-m-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-m-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-m-quiet-texticon-layout: row; - --spectrum-textfield-m-quiet-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-m-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size: 0; - --spectrum-textfield-m-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-down: 0; - --spectrum-textfield-m-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-m-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-m-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-quiet-textonly-text-render: yes; - --spectrum-textfield-m-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-textonly-text-text-transform: none; - --spectrum-textfield-m-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-text-transform: none; - --spectrum-textfield-m-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-m-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-m-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-m-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-m-quiet-textonly-icon-render: no; - --spectrum-textfield-m-quiet-textonly-icon-type: icon; - --spectrum-textfield-m-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-m-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-m-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-m-quiet-textonly-layout: row; - --spectrum-textfield-m-quiet-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-m-quiet-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-quiet-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-valid: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render: no; - --spectrum-textfield-m-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-texticon-text-render: yes; - --spectrum-textfield-m-texticon-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-texticon-text-text-transform: none; - --spectrum-textfield-m-texticon-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-text-transform: none; - --spectrum-textfield-m-texticon-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-render: yes; - --spectrum-textfield-m-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-texticon-placeholder-text-transform: none; - --spectrum-textfield-m-texticon-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-texticon-icon-margin-top: 0; - --spectrum-textfield-m-texticon-icon-margin-bottom: 0; - --spectrum-textfield-m-texticon-icon-render: yes; - --spectrum-textfield-m-texticon-icon-type: icon; - --spectrum-textfield-m-texticon-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-texticon-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-m-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-texticon-focus-ring-type: focusring; - --spectrum-textfield-m-texticon-layout: row; - --spectrum-textfield-m-texticon-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-m-texticon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-texticon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-texticon-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-m-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-valid: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-m-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-m-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-m-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-m-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-m-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-m-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render: no; - --spectrum-textfield-m-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-m-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-m-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-m-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-m-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-m-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-m-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-m-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-m-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-m-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-m-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-m-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-m-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-m-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-m-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-m-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-m-textonly-text-render: yes; - --spectrum-textfield-m-textonly-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-m-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-m-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-textonly-text-text-transform: none; - --spectrum-textfield-m-textonly-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-text-transform: none; - --spectrum-textfield-m-textonly-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-render: yes; - --spectrum-textfield-m-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-m-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-m-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-textfield-m-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-textfield-m-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-m-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-m-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-m-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-m-textonly-placeholder-text-transform: none; - --spectrum-textfield-m-textonly-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-textfield-m-textonly-icon-margin-top: 0; - --spectrum-textfield-m-textonly-icon-margin-bottom: 0; - --spectrum-textfield-m-textonly-icon-render: no; - --spectrum-textfield-m-textonly-icon-type: icon; - --spectrum-textfield-m-textonly-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-m-textonly-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100); - --spectrum-textfield-m-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-100); - --spectrum-textfield-m-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-m-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-m-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-m-textonly-focus-ring-type: focusring; - --spectrum-textfield-m-textonly-layout: row; - --spectrum-textfield-m-textonly-min-width: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-m-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-m-textonly-padding-left: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-m-textonly-gap: var(--spectrum-global-dimension-size-100); - --spectrum-textfield-m-textonly-height: var(--spectrum-global-dimension-size-400); - --spectrum-textfield-l-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-l-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size: 0; - --spectrum-textfield-l-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-down: 0; - --spectrum-textfield-l-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-l-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-l-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-quiet-texticon-text-render: yes; - --spectrum-textfield-l-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-texticon-text-text-transform: none; - --spectrum-textfield-l-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-text-transform: none; - --spectrum-textfield-l-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-l-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-l-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-l-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-l-quiet-texticon-icon-render: yes; - --spectrum-textfield-l-quiet-texticon-icon-type: icon; - --spectrum-textfield-l-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-l-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-l-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-l-quiet-texticon-layout: row; - --spectrum-textfield-l-quiet-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-l-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size: 0; - --spectrum-textfield-l-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-down: 0; - --spectrum-textfield-l-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-l-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-l-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-quiet-textonly-text-render: yes; - --spectrum-textfield-l-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-textonly-text-text-transform: none; - --spectrum-textfield-l-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-text-transform: none; - --spectrum-textfield-l-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-l-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-l-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-l-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-l-quiet-textonly-icon-render: no; - --spectrum-textfield-l-quiet-textonly-icon-type: icon; - --spectrum-textfield-l-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-l-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-l-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-l-quiet-textonly-layout: row; - --spectrum-textfield-l-quiet-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-l-quiet-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-valid: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render: no; - --spectrum-textfield-l-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-texticon-text-render: yes; - --spectrum-textfield-l-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-texticon-text-text-transform: none; - --spectrum-textfield-l-texticon-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-text-transform: none; - --spectrum-textfield-l-texticon-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-render: yes; - --spectrum-textfield-l-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-texticon-placeholder-text-transform: none; - --spectrum-textfield-l-texticon-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-texticon-icon-margin-top: 0; - --spectrum-textfield-l-texticon-icon-margin-bottom: 0; - --spectrum-textfield-l-texticon-icon-render: yes; - --spectrum-textfield-l-texticon-icon-type: icon; - --spectrum-textfield-l-texticon-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-l-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-texticon-focus-ring-type: focusring; - --spectrum-textfield-l-texticon-layout: row; - --spectrum-textfield-l-texticon-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-l-texticon-padding-left: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-l-texticon-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-texticon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-l-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-valid: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-l-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-l-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-l-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-l-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-l-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-l-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render: no; - --spectrum-textfield-l-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-l-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-l-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-l-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-l-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-l-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-l-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-l-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-l-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-l-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-l-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-l-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-l-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-l-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-l-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-l-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-l-textonly-text-render: yes; - --spectrum-textfield-l-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-l-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-l-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-textonly-text-text-transform: none; - --spectrum-textfield-l-textonly-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-text-transform: none; - --spectrum-textfield-l-textonly-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-render: yes; - --spectrum-textfield-l-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-l-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-l-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-textfield-l-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-textfield-l-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-l-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-l-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-l-textonly-placeholder-text-transform: none; - --spectrum-textfield-l-textonly-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-l-textonly-icon-margin-top: 0; - --spectrum-textfield-l-textonly-icon-margin-bottom: 0; - --spectrum-textfield-l-textonly-icon-render: no; - --spectrum-textfield-l-textonly-icon-type: icon; - --spectrum-textfield-l-textonly-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200); - --spectrum-textfield-l-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-200); - --spectrum-textfield-l-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-l-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-l-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-l-textonly-focus-ring-type: focusring; - --spectrum-textfield-l-textonly-layout: row; - --spectrum-textfield-l-textonly-min-width: var(--spectrum-global-dimension-size-750); - --spectrum-textfield-l-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-l-textonly-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-l-textonly-gap: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-height: var(--spectrum-global-dimension-size-500); - --spectrum-textfield-xl-quiet-texticon-border-size-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-valid: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-disabled: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size: 0; - --spectrum-textfield-xl-quiet-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-down: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-hover: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-border-size-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-down: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-hover: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-border-size-valid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-down: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-hover: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-key-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-texticon-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-quiet-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-quiet-texticon-text-render: yes; - --spectrum-textfield-xl-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-quiet-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-quiet-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-texticon-text-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-render: yes; - --spectrum-textfield-xl-quiet-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-texticon-placeholder-text-transform: none; - --spectrum-textfield-xl-quiet-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-texticon-icon-margin-top: 0; - --spectrum-textfield-xl-quiet-texticon-icon-margin-bottom: 0; - --spectrum-textfield-xl-quiet-texticon-icon-render: yes; - --spectrum-textfield-xl-quiet-texticon-icon-type: icon; - --spectrum-textfield-xl-quiet-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-radius: 0; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-width: 0; - --spectrum-textfield-xl-quiet-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-xl-quiet-texticon-focus-ring-type: focusring; - --spectrum-textfield-xl-quiet-texticon-layout: row; - --spectrum-textfield-xl-quiet-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-quiet-texticon-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-quiet-textonly-border-size-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-valid: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-disabled: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-quiet-disabled); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size: 0; - --spectrum-textfield-xl-quiet-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-quiet-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-down: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-hover: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-background-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-border-size-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-down: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-hover: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-border-size-valid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-down: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-hover: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-key-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-quiet-textonly-border-size-invalid-mouse-focus: 0; - --spectrum-textfield-xl-quiet-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-quiet-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-quiet-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-background-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-quiet-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-quiet-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-quiet-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-quiet-textonly-text-render: yes; - --spectrum-textfield-xl-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-quiet-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-quiet-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-textonly-text-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-render: yes; - --spectrum-textfield-xl-quiet-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-quiet-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-quiet-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-quiet-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-quiet-textonly-placeholder-text-transform: none; - --spectrum-textfield-xl-quiet-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-quiet-textonly-icon-margin-top: 0; - --spectrum-textfield-xl-quiet-textonly-icon-margin-bottom: 0; - --spectrum-textfield-xl-quiet-textonly-icon-render: no; - --spectrum-textfield-xl-quiet-textonly-icon-type: icon; - --spectrum-textfield-xl-quiet-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-quiet-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-quiet-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-quiet-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-quiet-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-radius: 0; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-width: 0; - --spectrum-textfield-xl-quiet-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-focus-ring-size); - --spectrum-textfield-xl-quiet-textonly-focus-ring-type: focusring; - --spectrum-textfield-xl-quiet-textonly-layout: row; - --spectrum-textfield-xl-quiet-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-quiet-textonly-border-radius: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-padding-left: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-padding-right: var(--spectrum-global-dimension-size-0); - --spectrum-textfield-xl-quiet-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-quiet-textonly-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-texticon-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-valid: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-texticon-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-texticon-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-texticon-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-texticon-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-texticon-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-texticon-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-texticon-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-texticon-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-texticon-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-texticon-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-texticon-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-texticon-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-texticon-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-texticon-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-texticon-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-texticon-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-texticon-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-texticon-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-texticon-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-texticon-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-texticon-text-render: yes; - --spectrum-textfield-xl-texticon-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-texticon-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-texticon-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-texticon-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-texticon-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-texticon-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-texticon-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-texticon-text-text-transform: none; - --spectrum-textfield-xl-texticon-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-text-transform: none; - --spectrum-textfield-xl-texticon-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-texticon-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-texticon-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-render: yes; - --spectrum-textfield-xl-texticon-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-texticon-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-texticon-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-texticon-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-texticon-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-texticon-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-texticon-placeholder-text-transform: none; - --spectrum-textfield-xl-texticon-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-texticon-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-texticon-icon-margin-top: 0; - --spectrum-textfield-xl-texticon-icon-margin-bottom: 0; - --spectrum-textfield-xl-texticon-icon-render: yes; - --spectrum-textfield-xl-texticon-icon-type: icon; - --spectrum-textfield-xl-texticon-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-texticon-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-texticon-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-texticon-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-texticon-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-texticon-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-texticon-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-texticon-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-xl-texticon-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-texticon-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-texticon-focus-ring-type: focusring; - --spectrum-textfield-xl-texticon-layout: row; - --spectrum-textfield-xl-texticon-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-texticon-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-xl-texticon-padding-left: var(--spectrum-global-dimension-size-185); - --spectrum-textfield-xl-texticon-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-texticon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-texticon-height: var(--spectrum-global-dimension-size-600); - --spectrum-textfield-xl-textonly-border-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-validation-icon-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color-valid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color-valid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-validation-icon-color-valid: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-valid: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-textonly-border-bottom-size-valid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-valid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-valid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-valid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color-invalid: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color-invalid: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-textfield-xl-textonly-icon-color-invalid-disabled: var(--spectrum-alias-component-icon-color-disabled); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-disabled: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid-disabled: var(--spectrum-global-color-gray-200); - --spectrum-textfield-xl-textonly-border-color-invalid-disabled: var(--spectrum-alias-input-border-color-disabled); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-disabled: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-textfield-xl-textonly-placeholder-text-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-placeholder-color: var(--spectrum-global-color-gray-600); - --spectrum-textfield-xl-textonly-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-textfield-xl-textonly-validation-icon-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-textfield-xl-textonly-border-bottom-size: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-validation-icon-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-textonly-border-bottom-size-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-focus-ring-render-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-valid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-valid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-down: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-down: var(--spectrum-alias-input-border-color-down); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-valid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-hover: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-text-color-valid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-valid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-key-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-background-color-valid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-valid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-valid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-valid-mouse-focus: var(--spectrum-semantic-positive-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-valid-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-valid-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-valid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-down: var(--spectrum-alias-component-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-down: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-invalid-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-down: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-down: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-down: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid-down: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-down: var(--spectrum-alias-input-border-color-invalid-down); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-down: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-hover: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-invalid-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-hover: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-hover: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid-hover: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-hover: var(--spectrum-alias-input-border-color-invalid-hover); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-hover: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-textfield-xl-textonly-text-color-invalid-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-key-focus: var(--spectrum-alias-placeholder-text-color-hover); - --spectrum-textfield-xl-textonly-icon-color-invalid-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-key-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-key-focus: yes; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-textfield-xl-textonly-background-color-invalid-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-key-focus: var(--spectrum-alias-input-border-color-invalid-key-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-key-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-border-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-text-color-invalid-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-textfield-xl-textonly-placeholder-text-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-placeholder-color-invalid-mouse-focus: var(--spectrum-alias-placeholder-text-color-down); - --spectrum-textfield-xl-textonly-icon-color-invalid-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-textfield-xl-textonly-validation-icon-color-invalid-mouse-focus: var(--spectrum-semantic-negative-icon-color); - --spectrum-textfield-xl-textonly-focus-ring-render-invalid-mouse-focus: no; - --spectrum-textfield-xl-textonly-focus-ring-border-color-invalid-mouse-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-textfield-xl-textonly-background-color-invalid-mouse-focus: var(--spectrum-global-color-gray-50); - --spectrum-textfield-xl-textonly-border-color-invalid-mouse-focus: var(--spectrum-alias-input-border-color-invalid-mouse-focus); - --spectrum-textfield-xl-textonly-border-bottom-size-invalid-mouse-focus: var(--spectrum-alias-input-border-size); - --spectrum-textfield-xl-textonly-cursor-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-textfield-xl-textonly-text-render: yes; - --spectrum-textfield-xl-textonly-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-textonly-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-textonly-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-textonly-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-textfield-xl-textonly-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-textfield-xl-textonly-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-textonly-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-textonly-text-text-transform: none; - --spectrum-textfield-xl-textonly-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-text-transform: none; - --spectrum-textfield-xl-textonly-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-text-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-textonly-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-textonly-placeholder-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-render: yes; - --spectrum-textfield-xl-textonly-placeholder-font-style: var(--spectrum-global-font-style-italic); - --spectrum-textfield-xl-textonly-placeholder-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-textfield-xl-textonly-placeholder-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-textfield-xl-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-textfield-xl-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-textfield-xl-textonly-placeholder-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-textfield-xl-textonly-placeholder-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-textfield-xl-textonly-placeholder-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-textfield-xl-textonly-placeholder-text-transform: none; - --spectrum-textfield-xl-textonly-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-textonly-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-textfield-xl-textonly-icon-margin-top: 0; - --spectrum-textfield-xl-textonly-icon-margin-bottom: 0; - --spectrum-textfield-xl-textonly-icon-render: no; - --spectrum-textfield-xl-textonly-icon-type: icon; - --spectrum-textfield-xl-textonly-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-textfield-xl-textonly-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-textonly-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-textonly-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300); - --spectrum-textfield-xl-textonly-success-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-invalid-icon-height: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-textonly-invalid-icon-width: var(--spectrum-alias-ui-icon-alert-size-300); - --spectrum-textfield-xl-textonly-invalid-icon-margin-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); - --spectrum-textfield-xl-textonly-focus-ring-border-radius: var(--spectrum-alias-component-focusring-border-radius); - --spectrum-textfield-xl-textonly-focus-ring-border-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-textonly-focus-ring-border-bottom-width: var(--spectrum-alias-component-focusring-size); - --spectrum-textfield-xl-textonly-focus-ring-type: focusring; - --spectrum-textfield-xl-textonly-layout: row; - --spectrum-textfield-xl-textonly-min-width: var(--spectrum-global-dimension-size-900); - --spectrum-textfield-xl-textonly-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-textfield-xl-textonly-padding-left: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-textfield-xl-textonly-gap: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-xl-textonly-height: var(--spectrum-global-dimension-size-600); -} diff --git a/components/vars/css/components/spectrum-thumbnail.css b/components/vars/css/components/spectrum-thumbnail.css deleted file mode 100644 index 16eb5cec335..00000000000 --- a/components/vars/css/components/spectrum-thumbnail.css +++ /dev/null @@ -1,672 +0,0 @@ -:root { - --spectrum-thumbnail-xxs-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xxs-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-xxs-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xxs-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xxs-layer-inset-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-inset-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xxs-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-xxs-layer-inset-position: absolute; - --spectrum-thumbnail-xxs-layer-inset-top: 0; - --spectrum-thumbnail-xxs-layer-inset-left: 0; - --spectrum-thumbnail-xxs-layer-image-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-image-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-darksquare-render: no; - --spectrum-thumbnail-xxs-layer-darksquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-lightsquare-render: no; - --spectrum-thumbnail-xxs-layer-lightsquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xxs-layer-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-layer-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xxs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xxs-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xxs-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xxs-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xxs-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xxs-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xxs-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-xxs-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xxs-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xxs-inset-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-inset-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xxs-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-xxs-inset-position: static; - --spectrum-thumbnail-xxs-inset-top: 0; - --spectrum-thumbnail-xxs-inset-left: 0; - --spectrum-thumbnail-xxs-image-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-image-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-darksquare-render: no; - --spectrum-thumbnail-xxs-darksquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-lightsquare-render: no; - --spectrum-thumbnail-xxs-lightsquare-size: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xxs-width: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xxs-height: var(--spectrum-global-dimension-size-225); - --spectrum-thumbnail-xs-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-xs-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-xs-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xs-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xs-layer-inset-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-inset-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xs-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-xs-layer-inset-position: absolute; - --spectrum-thumbnail-xs-layer-inset-top: 0; - --spectrum-thumbnail-xs-layer-inset-left: 0; - --spectrum-thumbnail-xs-layer-image-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-image-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-darksquare-render: no; - --spectrum-thumbnail-xs-layer-darksquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-lightsquare-render: no; - --spectrum-thumbnail-xs-layer-lightsquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xs-layer-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-layer-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-xs-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-xs-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-xs-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-xs-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-xs-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-xs-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-xs-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-xs-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-xs-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-xs-inset-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-inset-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-xs-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-xs-inset-position: static; - --spectrum-thumbnail-xs-inset-top: 0; - --spectrum-thumbnail-xs-inset-left: 0; - --spectrum-thumbnail-xs-image-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-image-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-darksquare-render: no; - --spectrum-thumbnail-xs-darksquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-lightsquare-render: no; - --spectrum-thumbnail-xs-lightsquare-size: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-xs-width: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-xs-height: var(--spectrum-global-dimension-size-300); - --spectrum-thumbnail-s-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-s-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-s-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-s-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-s-layer-inset-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-inset-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-s-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-s-layer-inset-position: absolute; - --spectrum-thumbnail-s-layer-inset-top: 0; - --spectrum-thumbnail-s-layer-inset-left: 0; - --spectrum-thumbnail-s-layer-image-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-image-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-darksquare-render: no; - --spectrum-thumbnail-s-layer-darksquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-layer-lightsquare-render: no; - --spectrum-thumbnail-s-layer-lightsquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-s-layer-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-layer-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-s-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-s-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-s-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-s-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-s-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-s-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-s-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-s-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-s-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-s-inset-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-inset-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-s-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-s-inset-position: static; - --spectrum-thumbnail-s-inset-top: 0; - --spectrum-thumbnail-s-inset-left: 0; - --spectrum-thumbnail-s-image-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-image-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-darksquare-render: no; - --spectrum-thumbnail-s-darksquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-lightsquare-render: no; - --spectrum-thumbnail-s-lightsquare-size: var(--spectrum-global-dimension-size-200); - --spectrum-thumbnail-s-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-s-width: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-s-height: var(--spectrum-global-dimension-size-400); - --spectrum-thumbnail-m-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-m-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-m-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-m-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-m-layer-inset-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-inset-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-m-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-m-layer-inset-position: absolute; - --spectrum-thumbnail-m-layer-inset-top: 0; - --spectrum-thumbnail-m-layer-inset-left: 0; - --spectrum-thumbnail-m-layer-image-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-image-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-darksquare-render: no; - --spectrum-thumbnail-m-layer-darksquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-layer-lightsquare-render: no; - --spectrum-thumbnail-m-layer-lightsquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-m-layer-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-layer-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-m-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-m-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-m-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-m-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-m-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-m-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-m-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-m-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-m-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-m-inset-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-inset-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-m-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-m-inset-position: static; - --spectrum-thumbnail-m-inset-top: 0; - --spectrum-thumbnail-m-inset-left: 0; - --spectrum-thumbnail-m-image-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-image-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-darksquare-render: no; - --spectrum-thumbnail-m-darksquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-lightsquare-render: no; - --spectrum-thumbnail-m-lightsquare-size: var(--spectrum-global-dimension-size-250); - --spectrum-thumbnail-m-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-m-width: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-m-height: var(--spectrum-global-dimension-size-500); - --spectrum-thumbnail-l-layer-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-layer-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-layer-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-layer-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-layer-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-layer-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-down: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-hover: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-layer-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-layer-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-layer-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-layer-border-color-mouse-focus: var(--spectrum-global-color-gray-600); - --spectrum-thumbnail-l-layer-inset-border-color: var(--spectrum-global-color-gray-50); - --spectrum-thumbnail-l-layer-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-l-layer-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-l-layer-inset-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-inset-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-l-layer-inset-border-size: var(--spectrum-alias-border-size-thicker); - --spectrum-thumbnail-l-layer-inset-position: absolute; - --spectrum-thumbnail-l-layer-inset-top: 0; - --spectrum-thumbnail-l-layer-inset-left: 0; - --spectrum-thumbnail-l-layer-image-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-image-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-darksquare-render: no; - --spectrum-thumbnail-l-layer-darksquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-layer-lightsquare-render: no; - --spectrum-thumbnail-l-layer-lightsquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-layer-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-l-layer-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-layer-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-image-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-opacity-selected-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-border-size-selected-disabled: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-down: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-down: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-hover: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-hover: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-image-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-selected-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-selected-mouse-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-selected-mouse-focus: var(--spectrum-alias-border-color-selected); - --spectrum-thumbnail-l-image-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-opacity-disabled: var(--spectrum-alias-image-opacity-disabled); - --spectrum-thumbnail-l-border-size-disabled: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-disabled: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-down: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-down: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-down: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-hover: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-hover: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-hover: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-image-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-key-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-key-focus: var(--spectrum-alias-border-size-thick); - --spectrum-thumbnail-l-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-thumbnail-l-image-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-opacity-mouse-focus: var(--spectrum-global-color-opacity-100); - --spectrum-thumbnail-l-border-size-mouse-focus: var(--spectrum-alias-border-size-thin); - --spectrum-thumbnail-l-border-color-mouse-focus: var(--spectrum-alias-border-color-translucent); - --spectrum-thumbnail-l-inset-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-thumbnail-l-darksquare-background-color: var(--spectrum-alias-thumbnail-darksquare-background-color); - --spectrum-thumbnail-l-lightsquare-background-color: var(--spectrum-alias-thumbnail-lightsquare-background-color); - --spectrum-thumbnail-l-inset-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-inset-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-inset-border-radius: var(--spectrum-alias-border-radius-xsmall); - --spectrum-thumbnail-l-inset-border-size: var(--spectrum-global-dimension-static-size-0); - --spectrum-thumbnail-l-inset-position: static; - --spectrum-thumbnail-l-inset-top: 0; - --spectrum-thumbnail-l-inset-left: 0; - --spectrum-thumbnail-l-image-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-image-height: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-darksquare-render: no; - --spectrum-thumbnail-l-darksquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-lightsquare-render: no; - --spectrum-thumbnail-l-lightsquare-size: var(--spectrum-global-dimension-size-350); - --spectrum-thumbnail-l-border-radius: var(--spectrum-alias-thumbnail-border-radius-small); - --spectrum-thumbnail-l-width: var(--spectrum-global-dimension-size-700); - --spectrum-thumbnail-l-height: var(--spectrum-global-dimension-size-700); -} diff --git a/components/vars/css/components/spectrum-toast.css b/components/vars/css/components/spectrum-toast.css deleted file mode 100644 index c3b70dda1b1..00000000000 --- a/components/vars/css/components/spectrum-toast.css +++ /dev/null @@ -1,250 +0,0 @@ -:root { - --spectrum-toast-neutral-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-neutral-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-toast-neutral-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-neutral-icon-type: icon; - --spectrum-toast-neutral-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-neutral-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-neutral-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-neutral-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-neutral-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-neutral-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-neutral-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-neutral-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-neutral-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-neutral-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-neutral-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-neutral-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-neutral-content-text-transform: none; - --spectrum-toast-neutral-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-neutral-text-transform: none; - --spectrum-toast-neutral-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-neutral-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-neutral-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-neutral-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-neutral-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-neutral-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-neutral-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-neutral-layout: inline-row; - --spectrum-toast-neutral-dismiss-duration: 5000ms; - --spectrum-toast-neutral-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-neutral-entry-animation-opacity: 0%; - --spectrum-toast-neutral-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-neutral-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-neutral-entry-animation-properties: opacity, offset; - --spectrum-toast-neutral-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-neutral-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-neutral-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-neutral-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-opacity: 0%; - --spectrum-toast-neutral-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-neutral-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-neutral-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-neutral-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-neutral-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-neutral-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-info-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-toast-info-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-info-icon-type: icon; - --spectrum-toast-info-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-info-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-info-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-info-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-info-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-info-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-info-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-info-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-info-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-info-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-info-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-info-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-info-content-text-transform: none; - --spectrum-toast-info-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-info-text-transform: none; - --spectrum-toast-info-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-info-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-info-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-info-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-info-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-info-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-info-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-info-layout: inline-row; - --spectrum-toast-info-dismiss-duration: 5000ms; - --spectrum-toast-info-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-entry-animation-opacity: 0%; - --spectrum-toast-info-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-info-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-info-entry-animation-properties: opacity, offset; - --spectrum-toast-info-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-info-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-info-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-info-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-opacity: 0%; - --spectrum-toast-info-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-info-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-info-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-info-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-info-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-info-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-positive-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-positive-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-positive-background-color: var(--spectrum-semantic-positive-background-color); - --spectrum-toast-positive-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-positive-icon-type: icon; - --spectrum-toast-positive-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-positive-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-positive-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-positive-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-positive-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-positive-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-positive-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-positive-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-positive-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-positive-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-positive-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-positive-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-positive-content-text-transform: none; - --spectrum-toast-positive-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-positive-text-transform: none; - --spectrum-toast-positive-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-positive-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-positive-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-positive-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-positive-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-positive-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-positive-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-positive-layout: inline-row; - --spectrum-toast-positive-dismiss-duration: 5000ms; - --spectrum-toast-positive-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-entry-animation-opacity: 0%; - --spectrum-toast-positive-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-positive-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-positive-entry-animation-properties: opacity, offset; - --spectrum-toast-positive-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-positive-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-positive-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-positive-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-opacity: 0%; - --spectrum-toast-positive-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-positive-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-positive-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-positive-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-positive-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-positive-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-rule-color: var(--spectrum-alias-track-color-overbackground); - --spectrum-toast-negative-rule-background-color: var(--spectrum-global-color-gray-300); - --spectrum-toast-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-content-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-toast-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-toast-negative-rule-border-size: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-rule-border-radius: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-rule-height: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-rule-width: var(--spectrum-global-dimension-size-10); - --spectrum-toast-negative-icon-type: icon; - --spectrum-toast-negative-icon-padding-y: var(--spectrum-global-dimension-size-85); - --spectrum-toast-negative-icon-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-toast-negative-icon-size: var(--spectrum-alias-workflow-icon-size-m); - --spectrum-toast-negative-button-gap-x: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-button-gap-y: var(--spectrum-global-dimension-size-50); - --spectrum-toast-negative-content-padding-right: var(--spectrum-global-dimension-size-200); - --spectrum-toast-negative-content-padding-top: var(--spectrum-global-dimension-size-65); - --spectrum-toast-negative-content-padding-bottom: var(--spectrum-global-dimension-size-65); - --spectrum-toast-negative-content-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-negative-content-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-negative-content-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-negative-content-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-negative-content-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-negative-content-text-transform: none; - --spectrum-toast-negative-content-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-toast-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-toast-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-toast-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-toast-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-toast-negative-text-transform: none; - --spectrum-toast-negative-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-toast-negative-margin-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-toast-negative-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-toast-negative-min-height: var(--spectrum-global-dimension-size-600); - --spectrum-toast-negative-max-width: var(--spectrum-global-dimension-size-6000); - --spectrum-toast-negative-padding-left: var(--spectrum-global-dimension-size-200); - --spectrum-toast-negative-padding-right: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-padding-y: var(--spectrum-global-dimension-size-100); - --spectrum-toast-negative-layout: inline-row; - --spectrum-toast-negative-dismiss-duration: 5000ms; - --spectrum-toast-negative-entry-animation-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-entry-animation-opacity: 0%; - --spectrum-toast-negative-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-toast-negative-entry-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-negative-entry-animation-properties: opacity, offset; - --spectrum-toast-negative-entry-animation-keyframe-0-opacity: 0%; - --spectrum-toast-negative-entry-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-percent-50); - --spectrum-toast-negative-entry-animation-keyframe-66-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-entry-animation-keyframe-66-offset-y: var(--spectrum-global-dimension-static-size-250); - --spectrum-toast-negative-entry-animation-keyframe-100-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-entry-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-opacity: 0%; - --spectrum-toast-negative-exit-animation-duration: var(--spectrum-global-animation-duration-400); - --spectrum-toast-negative-exit-animation-ease: var(--spectrum-global-animation-ease-in-out); - --spectrum-toast-negative-exit-animation-keyframe-0-opacity: var(--spectrum-global-dimension-static-percent-100); - --spectrum-toast-negative-exit-animation-keyframe-0-offset-y: var(--spectrum-global-dimension-static-size-200); - --spectrum-toast-negative-exit-animation-keyframe-100-opacity: 0%; - --spectrum-toast-negative-exit-animation-keyframe-100-offset-y: var(--spectrum-global-dimension-static-percent-50); -} diff --git a/components/vars/css/components/spectrum-tooltip.css b/components/vars/css/components/spectrum-tooltip.css deleted file mode 100644 index 42a4b39ac58..00000000000 --- a/components/vars/css/components/spectrum-tooltip.css +++ /dev/null @@ -1,230 +0,0 @@ -:root { - --spectrum-tooltip-neutral-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-neutral-tip-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-tooltip-neutral-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-neutral-border-color: transparent; - --spectrum-tooltip-neutral-background-color: var(--spectrum-semantic-neutral-background-color-default); - --spectrum-tooltip-neutral-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-neutral-text-transform: none; - --spectrum-tooltip-neutral-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-neutral-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-neutral-text-padding-top: 0; - --spectrum-tooltip-neutral-text-padding-bottom: 0; - --spectrum-tooltip-neutral-text-render: yes; - --spectrum-tooltip-neutral-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-neutral-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-neutral-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-neutral-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-neutral-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-neutral-text-text-transform: none; - --spectrum-tooltip-neutral-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-neutral-tip-render: no; - --spectrum-tooltip-neutral-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-neutral-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-type: icon; - --spectrum-tooltip-neutral-icon-render: no; - --spectrum-tooltip-neutral-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-neutral-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-layout: inline-row; - --spectrum-tooltip-neutral-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-neutral-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-neutral-height: auto; - --spectrum-tooltip-neutral-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-neutral-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-neutral-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-neutral-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-neutral-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-neutral-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-neutral-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-neutral-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-neutral-entry-animation-properties: opacity, distance; - --spectrum-tooltip-neutral-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-neutral-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-neutral-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-neutral-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-neutral-exit-animation-properties: opacity, distance; - --spectrum-tooltip-neutral-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-neutral-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-info-tip-color: var(--spectrum-semantic-informative-background-color); - --spectrum-tooltip-info-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-info-border-color: transparent; - --spectrum-tooltip-info-background-color: var(--spectrum-semantic-informative-background-color); - --spectrum-tooltip-info-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-info-text-transform: none; - --spectrum-tooltip-info-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-info-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-info-text-padding-top: 0; - --spectrum-tooltip-info-text-padding-bottom: 0; - --spectrum-tooltip-info-text-render: yes; - --spectrum-tooltip-info-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-info-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-info-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-info-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-info-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-info-text-text-transform: none; - --spectrum-tooltip-info-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-info-tip-render: no; - --spectrum-tooltip-info-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-info-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-type: icon; - --spectrum-tooltip-info-icon-render: yes; - --spectrum-tooltip-info-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-info-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-layout: inline-row; - --spectrum-tooltip-info-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-info-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-info-height: auto; - --spectrum-tooltip-info-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-info-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-info-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-info-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-info-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-info-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-info-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-info-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-info-entry-animation-properties: opacity, distance; - --spectrum-tooltip-info-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-info-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-info-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-info-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-info-exit-animation-properties: opacity, distance; - --spectrum-tooltip-info-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-info-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-positive-tip-color: var(--spectrum-semantic-positive-background-color); - --spectrum-tooltip-positive-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-positive-border-color: transparent; - --spectrum-tooltip-positive-background-color: var(--spectrum-semantic-positive-background-color); - --spectrum-tooltip-positive-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-positive-text-transform: none; - --spectrum-tooltip-positive-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-positive-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-positive-text-padding-top: 0; - --spectrum-tooltip-positive-text-padding-bottom: 0; - --spectrum-tooltip-positive-text-render: yes; - --spectrum-tooltip-positive-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-positive-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-positive-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-positive-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-positive-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-positive-text-text-transform: none; - --spectrum-tooltip-positive-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-positive-tip-render: no; - --spectrum-tooltip-positive-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-positive-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-type: icon; - --spectrum-tooltip-positive-icon-render: yes; - --spectrum-tooltip-positive-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-positive-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-layout: inline-row; - --spectrum-tooltip-positive-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-positive-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-positive-height: auto; - --spectrum-tooltip-positive-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-positive-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-positive-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-positive-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-positive-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-positive-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-positive-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-positive-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-positive-entry-animation-properties: opacity, distance; - --spectrum-tooltip-positive-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-positive-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-positive-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-positive-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-positive-exit-animation-properties: opacity, distance; - --spectrum-tooltip-positive-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-positive-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-text-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-negative-tip-color: var(--spectrum-semantic-negative-background-color); - --spectrum-tooltip-negative-icon-color: var(--spectrum-global-color-static-white); - --spectrum-tooltip-negative-border-color: transparent; - --spectrum-tooltip-negative-background-color: var(--spectrum-semantic-negative-background-color); - --spectrum-tooltip-negative-padding-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-text-baseline: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-negative-text-transform: none; - --spectrum-tooltip-negative-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-negative-text-margin-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-negative-text-padding-top: 0; - --spectrum-tooltip-negative-text-padding-bottom: 0; - --spectrum-tooltip-negative-text-render: yes; - --spectrum-tooltip-negative-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-tooltip-negative-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-tooltip-negative-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-tooltip-negative-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-tooltip-negative-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-tooltip-negative-text-text-transform: none; - --spectrum-tooltip-negative-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-tooltip-negative-tip-render: no; - --spectrum-tooltip-negative-tip-width: var(--spectrum-global-dimension-size-100); - --spectrum-tooltip-negative-tip-height: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-tip-margin: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-margin-x: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-icon-margin-right: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-icon-margin-y: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-type: icon; - --spectrum-tooltip-negative-icon-render: yes; - --spectrum-tooltip-negative-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-tooltip-negative-icon-margin-top: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-margin-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-layout: inline-row; - --spectrum-tooltip-negative-min-width: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-negative-max-width: var(--spectrum-global-dimension-size-2000); - --spectrum-tooltip-negative-height: auto; - --spectrum-tooltip-negative-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-tooltip-negative-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-tooltip-negative-padding-left: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-gap: var(--spectrum-global-dimension-size-85); - --spectrum-tooltip-negative-border-radius: var(--spectrum-alias-component-border-radius); - --spectrum-tooltip-negative-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-tooltip-negative-entry-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-negative-entry-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-entry-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-negative-entry-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-negative-entry-animation-properties: opacity, distance; - --spectrum-tooltip-negative-exit-animation-delay: var(--spectrum-global-animation-duration-0); - --spectrum-tooltip-negative-exit-animation-warmup-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-exit-animation-duration: var(--spectrum-global-animation-duration-200); - --spectrum-tooltip-negative-exit-animation-distance: var(--spectrum-global-dimension-size-50); - --spectrum-tooltip-negative-exit-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tooltip-negative-exit-animation-properties: opacity, distance; - --spectrum-tooltip-negative-entry-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); - --spectrum-tooltip-negative-exit-warmup-animation-delay: var(--spectrum-global-animation-duration-4000); -} diff --git a/components/vars/css/components/spectrum-tray.css b/components/vars/css/components/spectrum-tray.css deleted file mode 100644 index 93899939eab..00000000000 --- a/components/vars/css/components/spectrum-tray.css +++ /dev/null @@ -1,29 +0,0 @@ -:root { - --spectrum-tray-underlay-background-color: var(--spectrum-alias-background-color-modal-overlay); - --spectrum-tray-background-color: var(--spectrum-alias-background-color-primary); - --spectrum-tray-full-width-border-radius: var(--spectrum-alias-border-radius-regular); - --spectrum-tray-width: 100%; - --spectrum-tray-max-width: 375px; - --spectrum-tray-min-height: var(--spectrum-global-dimension-static-size-800); - --spectrum-tray-padding-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-tray-padding-y: 0; - --spectrum-tray-border-radius: 0px; - --spectrum-tray-background-entry-animation-delay: 0ms; - --spectrum-tray-background-entry-animation-duration: var(--spectrum-global-animation-duration-600); - --spectrum-tray-background-entry-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-tray-background-entry-animation-properties: opacity; - --spectrum-tray-entry-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-tray-entry-animation-duration: var(--spectrum-global-animation-duration-500); - --spectrum-tray-entry-animation-ease: var(--spectrum-global-animation-ease-out); - --spectrum-tray-entry-animation-distance: var(--spectrum-global-dimension-size-250); - --spectrum-tray-entry-animation-properties: opacity, distance; - --spectrum-tray-background-exit-animation-delay: var(--spectrum-global-animation-duration-200); - --spectrum-tray-background-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-tray-background-exit-animation-ease: var(--spectrum-global-animation-linear); - --spectrum-tray-background-exit-animation-properties: opacity; - --spectrum-tray-exit-animation-delay: 0ms; - --spectrum-tray-exit-animation-duration: var(--spectrum-global-animation-duration-100); - --spectrum-tray-exit-animation-ease: var(--spectrum-global-animation-ease-in); - --spectrum-tray-exit-animation-distance: 0; - --spectrum-tray-exit-animation-properties: opacity, distance; -} diff --git a/components/vars/css/components/spectrum-treeview.css b/components/vars/css/components/spectrum-treeview.css deleted file mode 100644 index 2c7096a1997..00000000000 --- a/components/vars/css/components/spectrum-treeview.css +++ /dev/null @@ -1,263 +0,0 @@ -:root { - --spectrum-treeview-s-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-s-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-s-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-s-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-s-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-s-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-s-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-s-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-s-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-s-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-s-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-s-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-s-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-s-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-s-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-s-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-s-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-s-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-s-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-treeview-s-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-s-item-icon-size: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-s-item-icon-gap: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-s-item-icon-padding-top: var(--spectrum-global-dimension-size-50); - --spectrum-treeview-s-item-icon-padding-bottom: var(--spectrum-global-dimension-size-50); - --spectrum-treeview-s-item-text-render: yes; - --spectrum-treeview-s-item-text-padding-top: var(--spectrum-global-dimension-static-size-50); - --spectrum-treeview-s-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-s-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-s-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-s-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-s-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-s-item-text-text-transform: none; - --spectrum-treeview-s-item-text-font-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-treeview-s-item-indentation: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-s-item-margin-left: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-s-item-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-s-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-right: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-s-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-s-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-s-item-affordance-size: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-s-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-m-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-m-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-m-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-m-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-m-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-m-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-m-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-m-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-m-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-m-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-m-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-m-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-m-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-m-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-m-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-m-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-m-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-m-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-m-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-75); - --spectrum-treeview-m-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-m-item-icon-size: var(--spectrum-global-dimension-size-225); - --spectrum-treeview-m-item-icon-gap: var(--spectrum-global-dimension-size-100); - --spectrum-treeview-m-item-icon-padding-top: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-m-item-icon-padding-bottom: var(--spectrum-global-dimension-size-85); - --spectrum-treeview-m-item-text-render: yes; - --spectrum-treeview-m-item-text-padding-top: var(--spectrum-global-dimension-size-75); - --spectrum-treeview-m-item-text-padding-bottom: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-m-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-m-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-m-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-m-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-m-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-m-item-text-text-transform: none; - --spectrum-treeview-m-item-text-font-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-treeview-m-item-indentation: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-m-item-margin-left: var(--spectrum-global-dimension-size-200); - --spectrum-treeview-m-item-min-height: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-m-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-right: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-m-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-m-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-m-item-affordance-size: var(--spectrum-global-dimension-size-400); - --spectrum-treeview-m-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-l-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-l-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-l-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-l-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-l-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-l-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-l-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-l-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-l-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-l-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-l-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-l-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-l-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-l-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-l-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-l-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-l-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-l-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-l-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-100); - --spectrum-treeview-l-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-l-item-icon-gap: var(--spectrum-global-dimension-size-115); - --spectrum-treeview-l-item-icon-padding-top: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-l-item-icon-padding-bottom: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-l-item-text-render: yes; - --spectrum-treeview-l-item-text-padding-bottom: var(--spectrum-global-dimension-size-130); - --spectrum-treeview-l-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-l-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-l-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-l-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-l-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-l-item-text-text-transform: none; - --spectrum-treeview-l-item-text-font-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-treeview-l-item-indentation: var(--spectrum-global-dimension-size-250); - --spectrum-treeview-l-item-margin-left: var(--spectrum-global-dimension-size-250); - --spectrum-treeview-l-item-min-height: var(--spectrum-global-dimension-size-400); - --spectrum-treeview-l-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-right: var(--spectrum-global-dimension-size-185); - --spectrum-treeview-l-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-l-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-l-item-affordance-size: var(--spectrum-global-dimension-size-500); - --spectrum-treeview-l-width: var(--spectrum-global-dimension-static-size-3800); - --spectrum-treeview-xl-item-uiicon-color-disabled: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-xl-item-text-color-disabled: var(--spectrum-alias-component-text-color-disabled); - --spectrum-treeview-xl-item-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-disabled: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-disabled: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-uiicon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-treeview-xl-item-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-treeview-xl-item-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-group-background-color: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-uiicon-color-down: var(--spectrum-alias-component-icon-color-down); - --spectrum-treeview-xl-item-text-color-down: var(--spectrum-alias-component-text-color-down); - --spectrum-treeview-xl-item-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-down: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-hover: var(--spectrum-alias-component-icon-color-hover); - --spectrum-treeview-xl-item-text-color-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-treeview-xl-item-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-hover: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-key-focus: var(--spectrum-alias-component-icon-color-key-focus); - --spectrum-treeview-xl-item-text-color-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-treeview-xl-item-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-treeview-xl-row-border-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-treeview-xl-item-group-background-color-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-treeview-xl-item-uiicon-color-mouse-focus: var(--spectrum-alias-component-icon-color-mouse-focus); - --spectrum-treeview-xl-item-text-color-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-treeview-xl-item-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-border-color-mouse-focus: var(--spectrum-alias-border-color-transparent); - --spectrum-treeview-xl-row-border-color-mouse-focus: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-group-background-color-mouse-focus: var(--spectrum-global-color-gray-100); - --spectrum-treeview-xl-item-group-border-color: var(--spectrum-global-color-gray-500); - --spectrum-treeview-xl-item-uiicon-size: var(--spectrum-alias-ui-icon-chevron-size-200); - --spectrum-treeview-xl-item-uiicon-margin-right: var(--spectrum-global-dimension-size-25); - --spectrum-treeview-xl-item-icon-size: var(--spectrum-global-dimension-size-275); - --spectrum-treeview-xl-item-icon-gap: var(--spectrum-global-dimension-size-125); - --spectrum-treeview-xl-item-icon-padding-top: var(--spectrum-global-dimension-size-160); - --spectrum-treeview-xl-item-icon-padding-bottom: var(--spectrum-global-dimension-size-160); - --spectrum-treeview-xl-item-text-render: yes; - --spectrum-treeview-xl-item-text-padding-top: var(--spectrum-global-dimension-size-150); - --spectrum-treeview-xl-item-text-padding-bottom: var(--spectrum-global-dimension-size-175); - --spectrum-treeview-xl-item-text-font-family: var(--spectrum-alias-body-text-font-family); - --spectrum-treeview-xl-item-text-font-style: var(--spectrum-global-font-style-regular); - --spectrum-treeview-xl-item-text-font-weight: var(--spectrum-alias-body-text-font-weight); - --spectrum-treeview-xl-item-text-line-height: var(--spectrum-alias-component-text-line-height); - --spectrum-treeview-xl-item-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none); - --spectrum-treeview-xl-item-text-text-transform: none; - --spectrum-treeview-xl-item-text-font-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-treeview-xl-item-indentation: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-xl-item-margin-left: var(--spectrum-global-dimension-size-300); - --spectrum-treeview-xl-item-min-height: var(--spectrum-global-dimension-size-500); - --spectrum-treeview-xl-item-border-radius: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-left: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-right: var(--spectrum-global-dimension-size-225); - --spectrum-treeview-xl-item-padding-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-padding-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-margin-top: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-margin-bottom: var(--spectrum-global-dimension-static-size-0); - --spectrum-treeview-xl-item-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-treeview-xl-item-affordance-size: var(--spectrum-global-dimension-size-600); - --spectrum-treeview-xl-width: var(--spectrum-global-dimension-static-size-3800); -} diff --git a/components/vars/css/components/spectrum-well.css b/components/vars/css/components/spectrum-well.css deleted file mode 100644 index 4c63579146f..00000000000 --- a/components/vars/css/components/spectrum-well.css +++ /dev/null @@ -1,6 +0,0 @@ -:root { - --spectrum-well-label-text-color: var(--spectrum-global-color-gray-900); - --spectrum-well-border-width: var(--spectrum-alias-border-size-thin); - --spectrum-well-padding: var(--spectrum-global-dimension-size-200); - --spectrum-well-border-size: var(--spectrum-alias-border-size-thin); -} diff --git a/components/vars/css/globals/index.css b/components/vars/css/globals/index.css deleted file mode 100644 index 95f8b209d1f..00000000000 --- a/components/vars/css/globals/index.css +++ /dev/null @@ -1,8 +0,0 @@ -@import 'spectrum-animationGlobals.css'; -@import 'spectrum-colorAliases.css'; -@import 'spectrum-colorGlobals.css'; -@import 'spectrum-colorSemantics.css'; -@import 'spectrum-dimensionAliases.css'; -@import 'spectrum-dimensionGlobals.css'; -@import 'spectrum-fontGlobals.css'; -@import 'spectrum-staticAliases.css'; \ No newline at end of file diff --git a/components/vars/css/globals/spectrum-animationGlobals.css b/components/vars/css/globals/spectrum-animationGlobals.css deleted file mode 100644 index e8882c6dce9..00000000000 --- a/components/vars/css/globals/spectrum-animationGlobals.css +++ /dev/null @@ -1,20 +0,0 @@ -:root { - --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1); - --spectrum-global-animation-duration-0: 0ms; - --spectrum-global-animation-duration-100: 130ms; - --spectrum-global-animation-duration-200: 160ms; - --spectrum-global-animation-duration-300: 190ms; - --spectrum-global-animation-duration-400: 220ms; - --spectrum-global-animation-duration-500: 250ms; - --spectrum-global-animation-duration-600: 300ms; - --spectrum-global-animation-duration-700: 350ms; - --spectrum-global-animation-duration-800: 400ms; - --spectrum-global-animation-duration-900: 450ms; - --spectrum-global-animation-duration-1000: 500ms; - --spectrum-global-animation-duration-2000: 1000ms; - --spectrum-global-animation-duration-4000: 2000ms; - --spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1); - --spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1); - --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1); - --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1); -} diff --git a/components/vars/css/globals/spectrum-colorAliases.css b/components/vars/css/globals/spectrum-colorAliases.css deleted file mode 100644 index f448c57c01e..00000000000 --- a/components/vars/css/globals/spectrum-colorAliases.css +++ /dev/null @@ -1,463 +0,0 @@ -:root { - --spectrum-alias-colorhandle-outer-border-color: rgba(0,0,0,0.42); - --spectrum-alias-transparent-blue-background-color-hover: rgba(0,87,190,0.15); - --spectrum-alias-transparent-blue-background-color-down: rgba(0,72,153,0.3); - --spectrum-alias-transparent-blue-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-alias-transparent-blue-background-color-mouse-focus: var(--spectrum-alias-transparent-blue-background-color-hover); - --spectrum-alias-transparent-blue-background-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-transparent-red-background-color-hover: rgba(154,0,0,0.15); - --spectrum-alias-transparent-red-background-color-down: rgba(124,0,0,0.3); - --spectrum-alias-transparent-red-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-alias-transparent-red-background-color-mouse-focus: var(--spectrum-alias-transparent-red-background-color-hover); - --spectrum-alias-transparent-red-background-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-component-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-component-text-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-component-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-component-text-color-key-focus: var(--spectrum-alias-component-text-color-hover); - --spectrum-alias-component-text-color-mouse-focus: var(--spectrum-alias-component-text-color-hover); - --spectrum-alias-component-text-color: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-component-text-color-selected-default: var(--spectrum-alias-component-text-color-default); - --spectrum-alias-component-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover); - --spectrum-alias-component-text-color-selected-down: var(--spectrum-alias-component-text-color-down); - --spectrum-alias-component-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus); - --spectrum-alias-component-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus); - --spectrum-alias-component-text-color-selected: var(--spectrum-alias-component-text-color-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-default: var(--spectrum-global-color-static-white); - --spectrum-alias-component-text-color-emphasized-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-emphasized-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default); - --spectrum-alias-component-text-color-error-default: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-component-text-color-error-hover: var(--spectrum-semantic-negative-text-color-small-hover); - --spectrum-alias-component-text-color-error-down: var(--spectrum-semantic-negative-text-color-small-down); - --spectrum-alias-component-text-color-error-key-focus: var(--spectrum-semantic-negative-text-color-small-key-focus); - --spectrum-alias-component-text-color-error-mouse-focus: var(--spectrum-semantic-negative-text-color-small-key-focus); - --spectrum-alias-component-text-color-error: var(--spectrum-alias-component-text-color-error-default); - --spectrum-alias-component-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-alias-component-icon-color-default: var(--spectrum-alias-icon-color); - --spectrum-alias-component-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-component-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-alias-component-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-component-icon-color-mouse-focus: var(--spectrum-alias-icon-color-down); - --spectrum-alias-component-icon-color: var(--spectrum-alias-component-icon-color-default); - --spectrum-alias-component-icon-color-selected: var(--spectrum-alias-icon-color-selected-neutral-subdued); - --spectrum-alias-component-icon-color-emphasized-selected-default: var(--spectrum-global-color-static-white); - --spectrum-alias-component-icon-color-emphasized-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-icon-color-emphasized-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default); - --spectrum-alias-component-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-quiet-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet-selected-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-component-background-color-default: var(--spectrum-global-color-gray-75); - --spectrum-alias-component-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-component-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-component-background-color: var(--spectrum-alias-component-background-color-default); - --spectrum-alias-component-background-color-selected-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-selected-hover: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-selected-key-focus: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-background-color-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-quiet-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet-down: var(--spectrum-global-color-gray-300); - --spectrum-alias-component-background-color-quiet-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-component-background-color-quiet: var(--spectrum-alias-component-background-color-quiet-default); - --spectrum-alias-component-background-color-quiet-selected-default: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-quiet-selected-hover: var(--spectrum-alias-component-background-color-selected-hover); - --spectrum-alias-component-background-color-quiet-selected-down: var(--spectrum-alias-component-background-color-selected-down); - --spectrum-alias-component-background-color-quiet-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus); - --spectrum-alias-component-background-color-quiet-selected: var(--spectrum-alias-component-background-color-selected-default); - --spectrum-alias-component-background-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default); - --spectrum-alias-component-background-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-alias-component-background-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-alias-component-background-color-emphasized-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default); - --spectrum-alias-component-border-color-disabled: var(--spectrum-alias-border-color-disabled); - --spectrum-alias-component-border-color-quiet-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-default: var(--spectrum-alias-border-color); - --spectrum-alias-component-border-color-hover: var(--spectrum-alias-border-color-hover); - --spectrum-alias-component-border-color-down: var(--spectrum-alias-border-color-down); - --spectrum-alias-component-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-component-border-color: var(--spectrum-alias-component-border-color-default); - --spectrum-alias-component-border-color-selected-default: var(--spectrum-alias-border-color); - --spectrum-alias-component-border-color-selected-hover: var(--spectrum-alias-border-color-hover); - --spectrum-alias-component-border-color-selected-down: var(--spectrum-alias-border-color-down); - --spectrum-alias-component-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-component-border-color-selected: var(--spectrum-alias-component-border-color-selected-default); - --spectrum-alias-component-border-color-quiet-default: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet-hover: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet-down: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-component-border-color-quiet-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-component-border-color-quiet: var(--spectrum-alias-component-border-color-quiet-default); - --spectrum-alias-component-border-color-quiet-selected-default: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-border-color-quiet-selected-hover: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-border-color-quiet-selected-down: var(--spectrum-global-color-gray-200); - --spectrum-alias-component-border-color-quiet-selected-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-component-border-color-quiet-selected: var(--spectrum-alias-component-border-color-quiet-selected-default); - --spectrum-alias-component-border-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default); - --spectrum-alias-component-border-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover); - --spectrum-alias-component-border-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down); - --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus); - --spectrum-alias-component-border-color-emphasized-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default); - --spectrum-alias-tag-border-color-default: var(--spectrum-alias-border-color-darker-default); - --spectrum-alias-tag-border-color-hover: var(--spectrum-alias-border-color-darker-hover); - --spectrum-alias-tag-border-color-down: var(--spectrum-alias-border-color-darker-hover); - --spectrum-alias-tag-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-tag-border-color-error-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-border-color-error-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-border-color-error-down: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-border-color-error-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-tag-border-color-error-selected: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-alias-tag-border-color: var(--spectrum-alias-tag-border-color-default); - --spectrum-alias-tag-border-color-disabled: var(--spectrum-alias-border-color-disabled); - --spectrum-alias-tag-border-color-error: var(--spectrum-alias-tag-border-color-error-default); - --spectrum-alias-tag-text-color-default: var(--spectrum-alias-label-text-color); - --spectrum-alias-tag-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-alias-tag-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tag-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-tag-text-color: var(--spectrum-alias-tag-text-color-default); - --spectrum-alias-tag-text-color-error-default: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-text-color-error-hover: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error-down: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error-key-focus: var(--spectrum-global-color-red-700); - --spectrum-alias-tag-text-color-error: var(--spectrum-alias-tag-text-color-error-default); - --spectrum-alias-tag-text-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color); - --spectrum-alias-tag-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-alias-tag-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tag-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); - --spectrum-alias-tag-icon-color: var(--spectrum-alias-tag-icon-color-default); - --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-icon-color-selected: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-tag-background-color-default: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-down: var(--spectrum-global-color-gray-200); - --spectrum-alias-tag-background-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color: var(--spectrum-alias-tag-background-color-default); - --spectrum-alias-tag-background-color-error-default: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-error-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-error-down: var(--spectrum-global-color-gray-200); - --spectrum-alias-tag-background-color-error-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-tag-background-color-error: var(--spectrum-alias-tag-background-color-error-default); - --spectrum-alias-tag-background-color-error-selected-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-tag-background-color-error-selected-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-background-color-error-selected-down: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-tag-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600); - --spectrum-alias-tag-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default); - --spectrum-alias-tag-background-color-selected-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-tag-background-color-selected-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-tag-background-color-selected-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-tag-background-color-selected-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-tag-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default); - --spectrum-alias-tag-focusring-border-color-default: transparent; - --spectrum-alias-tag-focusring-border-color-key-focus: transparent; - --spectrum-alias-tag-focusring-border-color-disabled: transparent; - --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color); - --spectrum-alias-tag-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default); - --spectrum-alias-avatar-border-color-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-down: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color: var(--spectrum-alias-avatar-border-color-default); - --spectrum-alias-avatar-border-color-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected-hover: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected-down: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected-key-focus: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-avatar-border-color-selected: var(--spectrum-alias-avatar-border-color-selected-default); - --spectrum-alias-avatar-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-toggle-background-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-toggle-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-background-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-background-color: var(--spectrum-alias-toggle-background-color-default); - --spectrum-alias-toggle-background-color-emphasized-selected-default: var(--spectrum-global-color-blue-500); - --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(--spectrum-global-color-blue-600); - --spectrum-alias-toggle-background-color-emphasized-selected-down: var(--spectrum-global-color-blue-700); - --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-toggle-background-color-emphasized-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default); - --spectrum-alias-toggle-border-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-toggle-border-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-border-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-toggle-border-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-alias-toggle-border-color: var(--spectrum-alias-toggle-border-color-default); - --spectrum-alias-toggle-icon-color-selected: var(--spectrum-global-color-gray-75); - --spectrum-alias-toggle-icon-color-emphasized-selected: var(--spectrum-global-color-gray-75); - --spectrum-alias-button-primary-background-color-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-button-primary-background-color-hover: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-background-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-button-primary-background-color-key-focus: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-background-color: var(--spectrum-alias-button-primary-background-color-default); - --spectrum-alias-button-primary-border-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-border-color-hover: var(--spectrum-alias-button-primary-background-color-hover); - --spectrum-alias-button-primary-border-color-down: var(--spectrum-alias-button-primary-background-color-down); - --spectrum-alias-button-primary-border-color-key-focus: var(--spectrum-alias-button-primary-background-color-key-focus); - --spectrum-alias-button-primary-border-color: var(--spectrum-alias-button-primary-border-color-default); - --spectrum-alias-button-primary-text-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-primary-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-primary-text-color: var(--spectrum-alias-button-primary-text-color-default); - --spectrum-alias-button-primary-icon-color-default: var(--spectrum-alias-button-primary-text-color-default); - --spectrum-alias-button-primary-icon-color-hover: var(--spectrum-alias-button-primary-text-color-hover); - --spectrum-alias-button-primary-icon-color-down: var(--spectrum-alias-button-primary-text-color-down); - --spectrum-alias-button-primary-icon-color-key-focus: var(--spectrum-alias-button-primary-text-color-key-focus); - --spectrum-alias-button-primary-icon-color: var(--spectrum-alias-button-primary-icon-color-default); - --spectrum-alias-button-secondary-background-color-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-button-secondary-background-color-hover: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-background-color-down: var(--spectrum-global-color-gray-800); - --spectrum-alias-button-secondary-background-color-key-focus: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-background-color: var(--spectrum-alias-button-secondary-background-color-default); - --spectrum-alias-button-secondary-border-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-border-color-hover: var(--spectrum-alias-button-secondary-background-color-hover); - --spectrum-alias-button-secondary-border-color-down: var(--spectrum-alias-button-secondary-background-color-down); - --spectrum-alias-button-secondary-border-color-key-focus: var(--spectrum-alias-button-secondary-background-color-key-focus); - --spectrum-alias-button-secondary-border-color: var(--spectrum-alias-button-secondary-border-color-default); - --spectrum-alias-button-secondary-text-color-default: var(--spectrum-global-color-gray-700); - --spectrum-alias-button-secondary-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-secondary-text-color: var(--spectrum-alias-button-secondary-text-color-default); - --spectrum-alias-button-secondary-icon-color-default: var(--spectrum-alias-button-secondary-text-color-default); - --spectrum-alias-button-secondary-icon-color-hover: var(--spectrum-alias-button-secondary-text-color-hover); - --spectrum-alias-button-secondary-icon-color-down: var(--spectrum-alias-button-secondary-text-color-down); - --spectrum-alias-button-secondary-icon-color-key-focus: var(--spectrum-alias-button-secondary-text-color-key-focus); - --spectrum-alias-button-secondary-icon-color: var(--spectrum-alias-button-secondary-icon-color-default); - --spectrum-alias-button-negative-background-color-default: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-button-negative-background-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-background-color-down: var(--spectrum-global-color-red-700); - --spectrum-alias-button-negative-background-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-background-color: var(--spectrum-alias-button-negative-background-color-default); - --spectrum-alias-button-negative-border-color-default: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color-hover: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color-down: var(--spectrum-global-color-red-700); - --spectrum-alias-button-negative-border-color-key-focus: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-border-color: var(--spectrum-alias-button-negative-border-color-default); - --spectrum-alias-button-negative-text-color-default: var(--spectrum-semantic-negative-text-color-small); - --spectrum-alias-button-negative-text-color-hover: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color-down: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color-key-focus: var(--spectrum-global-color-gray-50); - --spectrum-alias-button-negative-text-color: var(--spectrum-alias-button-negative-text-color-default); - --spectrum-alias-button-negative-icon-color-default: var(--spectrum-alias-button-negative-text-color-default); - --spectrum-alias-button-negative-icon-color-hover: var(--spectrum-alias-button-negative-text-color-hover); - --spectrum-alias-button-negative-icon-color-down: var(--spectrum-alias-button-negative-text-color-down); - --spectrum-alias-button-negative-icon-color-key-focus: var(--spectrum-alias-button-negative-text-color-key-focus); - --spectrum-alias-button-negative-icon-color: var(--spectrum-alias-button-negative-icon-color-default); - --spectrum-alias-input-border-color-disabled: var(--spectrum-alias-border-color-transparent); - --spectrum-alias-input-border-color-quiet-disabled: var(--spectrum-alias-border-color-mid); - --spectrum-alias-input-border-color-default: var(--spectrum-alias-border-color); - --spectrum-alias-input-border-color-hover: var(--spectrum-alias-border-color-hover); - --spectrum-alias-input-border-color-down: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-alias-input-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus); - --spectrum-alias-input-border-color-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-input-border-color: var(--spectrum-alias-input-border-color-default); - --spectrum-alias-input-border-color-invalid-default: var(--spectrum-semantic-negative-color-default); - --spectrum-alias-input-border-color-invalid-hover: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-input-border-color-invalid-down: var(--spectrum-semantic-negative-color-down); - --spectrum-alias-input-border-color-invalid-mouse-focus: var(--spectrum-semantic-negative-color-hover); - --spectrum-alias-input-border-color-invalid-key-focus: var(--spectrum-alias-border-color-key-focus); - --spectrum-alias-input-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default); - --spectrum-alias-background-color-yellow-default: var(--spectrum-global-color-static-yellow-300); - --spectrum-alias-background-color-yellow-hover: var(--spectrum-global-color-static-yellow-400); - --spectrum-alias-background-color-yellow-key-focus: var(--spectrum-global-color-static-yellow-400); - --spectrum-alias-background-color-yellow-down: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-background-color-yellow: var(--spectrum-alias-background-color-yellow-default); - --spectrum-alias-infieldbutton-background-color: var(--spectrum-global-color-gray-200); - --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-infieldbutton-fill-border-color-default: var(--spectrum-alias-input-border-color-default); - --spectrum-alias-infieldbutton-fill-border-color-hover: var(--spectrum-alias-input-border-color-hover); - --spectrum-alias-infieldbutton-fill-border-color-down: var(--spectrum-alias-input-border-color-down); - --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus); - --spectrum-alias-infieldbutton-fill-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus); - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: transparent; - --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus); - --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent; - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(--spectrum-alias-component-background-color-default); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(--spectrum-alias-component-background-color-hover); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(--spectrum-alias-component-background-color-down); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus); - --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(--spectrum-alias-component-background-color-disabled); - --spectrum-alias-actionbutton-staticBlack-border-color-default: rgba(0,0,0,0.4); - --spectrum-alias-actionbutton-staticBlack-background-color-default: transparent; - --spectrum-alias-actionbutton-staticBlack-border-color-hover: rgba(0,0,0,0.55); - --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(0,0,0,0.25); - --spectrum-alias-actionbutton-staticBlack-border-color-down: rgba(0,0,0,0.7); - --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(0,0,0,0.4); - --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: rgba(0,0,0,0.55); - --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(0,0,0,0.25); - --spectrum-alias-actionbutton-staticBlack-border-color-disabled: rgba(0,0,0,0.25); - --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent; - --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent; - --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(0,0,0,0.1); - --spectrum-alias-actionbutton-staticWhite-border-color-default: rgba(255,255,255,0.4); - --spectrum-alias-actionbutton-staticWhite-background-color-default: transparent; - --spectrum-alias-actionbutton-staticWhite-border-color-hover: rgba(255,255,255,0.55); - --spectrum-alias-actionbutton-staticWhite-background-color-hover: rgba(255,255,255,0.25); - --spectrum-alias-actionbutton-staticWhite-border-color-down: rgba(255,255,255,0.7); - --spectrum-alias-actionbutton-staticWhite-background-color-down: rgba(255,255,255,0.4); - --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: rgba(255,255,255,0.55); - --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: rgba(255,255,255,0.25); - --spectrum-alias-actionbutton-staticWhite-border-color-disabled: rgba(255,255,255,0.25); - --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent; - --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent; - --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: rgba(255,255,255,0.1); - --spectrum-alias-tabs-divider-background-color-default: var(--spectrum-global-color-gray-300); - --spectrum-alias-tabs-divider-background-color-quiet: var(--spectrum-alias-background-color-transparent); - --spectrum-alias-tabitem-text-color-default: var(--spectrum-alias-label-text-color); - --spectrum-alias-tabitem-text-color-hover: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color-down: var(--spectrum-alias-text-color-down); - --spectrum-alias-tabitem-text-color-key-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color-mouse-focus: var(--spectrum-alias-text-color-hover); - --spectrum-alias-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-text-color-selected-default: var(--spectrum-global-color-gray-900); - --spectrum-alias-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-text-color-emphasized: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(--spectrum-global-color-static-blue-500); - --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-text-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-selection-indicator-color-default: var(--spectrum-alias-tabitem-text-color-selected-default); - --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-tabitem-icon-color-disabled: var(--spectrum-alias-text-color-disabled); - --spectrum-alias-tabitem-icon-color-default: var(--spectrum-alias-icon-color); - --spectrum-alias-tabitem-icon-color-hover: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tabitem-icon-color-down: var(--spectrum-alias-icon-color-down); - --spectrum-alias-tabitem-icon-color-key-focus: var(--spectrum-alias-icon-color-hover); - --spectrum-alias-tabitem-icon-color-mouse-focus: var(--spectrum-alias-icon-color-down); - --spectrum-alias-tabitem-icon-color: var(--spectrum-alias-tabitem-icon-color-default); - --spectrum-alias-tabitem-icon-color-selected: var(--spectrum-alias-icon-color-selected-neutral); - --spectrum-alias-tabitem-icon-color-emphasized: var(--spectrum-alias-tabitem-text-color-default); - --spectrum-alias-tabitem-icon-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default); - --spectrum-alias-assetcard-selectionindicator-background-color-ordered: var(--spectrum-global-color-blue-500); - --spectrum-alias-assetcard-overlay-background-color: rgba(27,127,245,0.1); - --spectrum-alias-assetcard-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-assetcard-border-color-selected-hover: var(--spectrum-global-color-blue-500); - --spectrum-alias-assetcard-border-color-selected-down: var(--spectrum-global-color-blue-600); - --spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-background-color-transparent: transparent; - --spectrum-alias-background-color-overbackground-down: rgba(255,255,255,0.2); - --spectrum-alias-background-color-quiet-overbackground-hover: rgba(255,255,255,0.1); - --spectrum-alias-background-color-quiet-overbackground-down: rgba(255,255,255,0.2); - --spectrum-alias-background-color-overbackground-disabled: rgba(255,255,255,0.1); - --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2); - --spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-800); - --spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800); - --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700); - --spectrum-alias-text-color: var(--spectrum-global-color-gray-800); - --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500); - --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500); - --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600); - --spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900); - --spectrum-alias-text-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-text-color-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-text-color-quiet-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900); - --spectrum-alias-link-primary-text-color-default: var(--spectrum-global-color-blue-600); - --spectrum-alias-link-primary-text-color-hover: var(--spectrum-global-color-blue-600); - --spectrum-alias-link-primary-text-color-down: var(--spectrum-global-color-blue-700); - --spectrum-alias-link-primary-text-color-key-focus: var(--spectrum-alias-text-color-key-focus); - --spectrum-alias-link-primary-text-color: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-alias-link-secondary-text-color-default: var(--spectrum-alias-link-primary-text-color-default); - --spectrum-alias-link-secondary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover); - --spectrum-alias-link-secondary-text-color-down: var(--spectrum-alias-link-primary-text-color-down); - --spectrum-alias-link-secondary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus); - --spectrum-alias-link-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default); - --spectrum-alias-border-color: var(--spectrum-global-color-gray-400); - --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500); - --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500); - --spectrum-alias-border-color-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-alias-border-color-mouse-focus: var(--spectrum-global-color-blue-500); - --spectrum-alias-border-color-disabled: var(--spectrum-global-color-gray-200); - --spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100); - --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200); - --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300); - --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400); - --spectrum-alias-border-color-darker-default: var(--spectrum-global-color-gray-600); - --spectrum-alias-border-color-darker-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-border-color-darker-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-border-color-transparent: transparent; - --spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05); - --spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1); - --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400); - --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color); - --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300); - --spectrum-alias-track-fill-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300); - --spectrum-alias-thumbnail-darksquare-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-thumbnail-lightsquare-background-color: var(--spectrum-global-color-static-white); - --spectrum-alias-track-color-overbackground: rgba(255,255,255,0.2); - --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700); - --spectrum-alias-icon-color-overbackground: var(--spectrum-global-color-static-white); - --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-key-focus: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400); - --spectrum-alias-icon-color-overbackground-disabled: rgba(255,255,255,0.2); - --spectrum-alias-icon-color-quiet-overbackground-disabled: rgba(255,255,255,0.15); - --spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900); - --spectrum-alias-icon-color-selected-neutral-subdued: var(--spectrum-global-color-gray-800); - --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600); - --spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700); - --spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600); - --spectrum-alias-image-opacity-disabled: var(--spectrum-global-color-opacity-30); - --spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100); - --spectrum-alias-code-highlight-color-default: var(--spectrum-global-color-gray-800); - --spectrum-alias-code-highlight-background-color: var(--spectrum-global-color-gray-75); - --spectrum-alias-code-highlight-color-keyword: var(--spectrum-global-color-fuchsia-600); - --spectrum-alias-code-highlight-color-section: var(--spectrum-global-color-red-600); - --spectrum-alias-code-highlight-color-literal: var(--spectrum-global-color-blue-600); - --spectrum-alias-code-highlight-color-attribute: var(--spectrum-global-color-seafoam-600); - --spectrum-alias-code-highlight-color-class: var(--spectrum-global-color-magenta-600); - --spectrum-alias-code-highlight-color-variable: var(--spectrum-global-color-purple-600); - --spectrum-alias-code-highlight-color-title: var(--spectrum-global-color-indigo-600); - --spectrum-alias-code-highlight-color-string: var(--spectrum-global-color-fuchsia-600); - --spectrum-alias-code-highlight-color-function: var(--spectrum-global-color-blue-600); - --spectrum-alias-code-highlight-color-comment: var(--spectrum-global-color-gray-700); - --spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200); - --spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700); - --spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500); - --spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500); - --spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200); - --spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200); - --spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500); - --spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800); - --spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500); - --spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700); - --spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600); - --spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300); - --spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200); - --spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500); - --spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200); - --spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200); -} diff --git a/components/vars/css/globals/spectrum-colorGlobals.css b/components/vars/css/globals/spectrum-colorGlobals.css deleted file mode 100644 index b5e1d19981b..00000000000 --- a/components/vars/css/globals/spectrum-colorGlobals.css +++ /dev/null @@ -1,202 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-static-black-rgb: 0, 0, 0; - --spectrum-global-color-static-black: rgb(var(--spectrum-global-color-static-black-rgb)); - --spectrum-global-color-static-white-rgb: 255, 255, 255; - --spectrum-global-color-static-white: rgb(var(--spectrum-global-color-static-white-rgb)); - --spectrum-global-color-static-blue-rgb: 0, 87, 191; - --spectrum-global-color-static-blue: rgb(var(--spectrum-global-color-static-blue-rgb)); - --spectrum-global-color-static-gray-50-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-50: rgb(var(--spectrum-global-color-static-gray-50-rgb)); - --spectrum-global-color-static-gray-75-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-75: rgb(var(--spectrum-global-color-static-gray-75-rgb)); - --spectrum-global-color-static-gray-100-rgb: 255, 255, 255; - --spectrum-global-color-static-gray-100: rgb(var(--spectrum-global-color-static-gray-100-rgb)); - --spectrum-global-color-static-gray-200-rgb: 235, 235, 235; - --spectrum-global-color-static-gray-200: rgb(var(--spectrum-global-color-static-gray-200-rgb)); - --spectrum-global-color-static-gray-300-rgb: 217, 217, 217; - --spectrum-global-color-static-gray-300: rgb(var(--spectrum-global-color-static-gray-300-rgb)); - --spectrum-global-color-static-gray-400-rgb: 179, 179, 179; - --spectrum-global-color-static-gray-400: rgb(var(--spectrum-global-color-static-gray-400-rgb)); - --spectrum-global-color-static-gray-500-rgb: 146, 146, 146; - --spectrum-global-color-static-gray-500: rgb(var(--spectrum-global-color-static-gray-500-rgb)); - --spectrum-global-color-static-gray-600-rgb: 110, 110, 110; - --spectrum-global-color-static-gray-600: rgb(var(--spectrum-global-color-static-gray-600-rgb)); - --spectrum-global-color-static-gray-700-rgb: 71, 71, 71; - --spectrum-global-color-static-gray-700: rgb(var(--spectrum-global-color-static-gray-700-rgb)); - --spectrum-global-color-static-gray-800-rgb: 34, 34, 34; - --spectrum-global-color-static-gray-800: rgb(var(--spectrum-global-color-static-gray-800-rgb)); - --spectrum-global-color-static-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-static-gray-900: rgb(var(--spectrum-global-color-static-gray-900-rgb)); - --spectrum-global-color-static-red-400-rgb: 237, 64, 48; - --spectrum-global-color-static-red-400: rgb(var(--spectrum-global-color-static-red-400-rgb)); - --spectrum-global-color-static-red-500-rgb: 217, 28, 21; - --spectrum-global-color-static-red-500: rgb(var(--spectrum-global-color-static-red-500-rgb)); - --spectrum-global-color-static-red-600-rgb: 187, 2, 2; - --spectrum-global-color-static-red-600: rgb(var(--spectrum-global-color-static-red-600-rgb)); - --spectrum-global-color-static-red-700-rgb: 154, 0, 0; - --spectrum-global-color-static-red-700: rgb(var(--spectrum-global-color-static-red-700-rgb)); - --spectrum-global-color-static-red-800-rgb: 124, 0, 0; - --spectrum-global-color-static-red-800: rgb(var(--spectrum-global-color-static-red-800-rgb)); - --spectrum-global-color-static-orange-400-rgb: 250, 139, 26; - --spectrum-global-color-static-orange-400: rgb(var(--spectrum-global-color-static-orange-400-rgb)); - --spectrum-global-color-static-orange-500-rgb: 233, 117, 0; - --spectrum-global-color-static-orange-500: rgb(var(--spectrum-global-color-static-orange-500-rgb)); - --spectrum-global-color-static-orange-600-rgb: 209, 97, 0; - --spectrum-global-color-static-orange-600: rgb(var(--spectrum-global-color-static-orange-600-rgb)); - --spectrum-global-color-static-orange-700-rgb: 182, 80, 0; - --spectrum-global-color-static-orange-700: rgb(var(--spectrum-global-color-static-orange-700-rgb)); - --spectrum-global-color-static-orange-800-rgb: 155, 64, 0; - --spectrum-global-color-static-orange-800: rgb(var(--spectrum-global-color-static-orange-800-rgb)); - --spectrum-global-color-static-yellow-200-rgb: 250, 237, 123; - --spectrum-global-color-static-yellow-200: rgb(var(--spectrum-global-color-static-yellow-200-rgb)); - --spectrum-global-color-static-yellow-300-rgb: 250, 224, 23; - --spectrum-global-color-static-yellow-300: rgb(var(--spectrum-global-color-static-yellow-300-rgb)); - --spectrum-global-color-static-yellow-400-rgb: 238, 205, 0; - --spectrum-global-color-static-yellow-400: rgb(var(--spectrum-global-color-static-yellow-400-rgb)); - --spectrum-global-color-static-yellow-500-rgb: 221, 185, 0; - --spectrum-global-color-static-yellow-500: rgb(var(--spectrum-global-color-static-yellow-500-rgb)); - --spectrum-global-color-static-yellow-600-rgb: 201, 164, 0; - --spectrum-global-color-static-yellow-600: rgb(var(--spectrum-global-color-static-yellow-600-rgb)); - --spectrum-global-color-static-yellow-700-rgb: 181, 144, 0; - --spectrum-global-color-static-yellow-700: rgb(var(--spectrum-global-color-static-yellow-700-rgb)); - --spectrum-global-color-static-yellow-800-rgb: 160, 125, 0; - --spectrum-global-color-static-yellow-800: rgb(var(--spectrum-global-color-static-yellow-800-rgb)); - --spectrum-global-color-static-chartreuse-300-rgb: 176, 222, 27; - --spectrum-global-color-static-chartreuse-300: rgb(var(--spectrum-global-color-static-chartreuse-300-rgb)); - --spectrum-global-color-static-chartreuse-400-rgb: 157, 203, 13; - --spectrum-global-color-static-chartreuse-400: rgb(var(--spectrum-global-color-static-chartreuse-400-rgb)); - --spectrum-global-color-static-chartreuse-500-rgb: 139, 182, 4; - --spectrum-global-color-static-chartreuse-500: rgb(var(--spectrum-global-color-static-chartreuse-500-rgb)); - --spectrum-global-color-static-chartreuse-600-rgb: 122, 162, 0; - --spectrum-global-color-static-chartreuse-600: rgb(var(--spectrum-global-color-static-chartreuse-600-rgb)); - --spectrum-global-color-static-chartreuse-700-rgb: 106, 141, 0; - --spectrum-global-color-static-chartreuse-700: rgb(var(--spectrum-global-color-static-chartreuse-700-rgb)); - --spectrum-global-color-static-chartreuse-800-rgb: 90, 120, 0; - --spectrum-global-color-static-chartreuse-800: rgb(var(--spectrum-global-color-static-chartreuse-800-rgb)); - --spectrum-global-color-static-celery-200-rgb: 126, 229, 114; - --spectrum-global-color-static-celery-200: rgb(var(--spectrum-global-color-static-celery-200-rgb)); - --spectrum-global-color-static-celery-300-rgb: 87, 212, 86; - --spectrum-global-color-static-celery-300: rgb(var(--spectrum-global-color-static-celery-300-rgb)); - --spectrum-global-color-static-celery-400-rgb: 48, 193, 61; - --spectrum-global-color-static-celery-400: rgb(var(--spectrum-global-color-static-celery-400-rgb)); - --spectrum-global-color-static-celery-500-rgb: 15, 172, 38; - --spectrum-global-color-static-celery-500: rgb(var(--spectrum-global-color-static-celery-500-rgb)); - --spectrum-global-color-static-celery-600-rgb: 0, 150, 20; - --spectrum-global-color-static-celery-600: rgb(var(--spectrum-global-color-static-celery-600-rgb)); - --spectrum-global-color-static-celery-700-rgb: 0, 128, 15; - --spectrum-global-color-static-celery-700: rgb(var(--spectrum-global-color-static-celery-700-rgb)); - --spectrum-global-color-static-celery-800-rgb: 0, 107, 15; - --spectrum-global-color-static-celery-800: rgb(var(--spectrum-global-color-static-celery-800-rgb)); - --spectrum-global-color-static-green-400-rgb: 29, 169, 115; - --spectrum-global-color-static-green-400: rgb(var(--spectrum-global-color-static-green-400-rgb)); - --spectrum-global-color-static-green-500-rgb: 0, 148, 97; - --spectrum-global-color-static-green-500: rgb(var(--spectrum-global-color-static-green-500-rgb)); - --spectrum-global-color-static-green-600-rgb: 0, 126, 80; - --spectrum-global-color-static-green-600: rgb(var(--spectrum-global-color-static-green-600-rgb)); - --spectrum-global-color-static-green-700-rgb: 0, 105, 65; - --spectrum-global-color-static-green-700: rgb(var(--spectrum-global-color-static-green-700-rgb)); - --spectrum-global-color-static-green-800-rgb: 0, 86, 53; - --spectrum-global-color-static-green-800: rgb(var(--spectrum-global-color-static-green-800-rgb)); - --spectrum-global-color-static-seafoam-200-rgb: 75, 206, 199; - --spectrum-global-color-static-seafoam-200: rgb(var(--spectrum-global-color-static-seafoam-200-rgb)); - --spectrum-global-color-static-seafoam-300-rgb: 32, 187, 180; - --spectrum-global-color-static-seafoam-300: rgb(var(--spectrum-global-color-static-seafoam-300-rgb)); - --spectrum-global-color-static-seafoam-400-rgb: 0, 166, 160; - --spectrum-global-color-static-seafoam-400: rgb(var(--spectrum-global-color-static-seafoam-400-rgb)); - --spectrum-global-color-static-seafoam-500-rgb: 0, 145, 139; - --spectrum-global-color-static-seafoam-500: rgb(var(--spectrum-global-color-static-seafoam-500-rgb)); - --spectrum-global-color-static-seafoam-600-rgb: 0, 124, 118; - --spectrum-global-color-static-seafoam-600: rgb(var(--spectrum-global-color-static-seafoam-600-rgb)); - --spectrum-global-color-static-seafoam-700-rgb: 0, 103, 99; - --spectrum-global-color-static-seafoam-700: rgb(var(--spectrum-global-color-static-seafoam-700-rgb)); - --spectrum-global-color-static-seafoam-800-rgb: 10, 83, 80; - --spectrum-global-color-static-seafoam-800: rgb(var(--spectrum-global-color-static-seafoam-800-rgb)); - --spectrum-global-color-static-blue-200-rgb: 130, 193, 251; - --spectrum-global-color-static-blue-200: rgb(var(--spectrum-global-color-static-blue-200-rgb)); - --spectrum-global-color-static-blue-300-rgb: 98, 173, 247; - --spectrum-global-color-static-blue-300: rgb(var(--spectrum-global-color-static-blue-300-rgb)); - --spectrum-global-color-static-blue-400-rgb: 66, 151, 244; - --spectrum-global-color-static-blue-400: rgb(var(--spectrum-global-color-static-blue-400-rgb)); - --spectrum-global-color-static-blue-500-rgb: 27, 127, 245; - --spectrum-global-color-static-blue-500: rgb(var(--spectrum-global-color-static-blue-500-rgb)); - --spectrum-global-color-static-blue-600-rgb: 4, 105, 227; - --spectrum-global-color-static-blue-600: rgb(var(--spectrum-global-color-static-blue-600-rgb)); - --spectrum-global-color-static-blue-700-rgb: 0, 87, 190; - --spectrum-global-color-static-blue-700: rgb(var(--spectrum-global-color-static-blue-700-rgb)); - --spectrum-global-color-static-blue-800-rgb: 0, 72, 153; - --spectrum-global-color-static-blue-800: rgb(var(--spectrum-global-color-static-blue-800-rgb)); - --spectrum-global-color-static-indigo-200-rgb: 178, 181, 255; - --spectrum-global-color-static-indigo-200: rgb(var(--spectrum-global-color-static-indigo-200-rgb)); - --spectrum-global-color-static-indigo-300-rgb: 155, 159, 255; - --spectrum-global-color-static-indigo-300: rgb(var(--spectrum-global-color-static-indigo-300-rgb)); - --spectrum-global-color-static-indigo-400-rgb: 132, 137, 253; - --spectrum-global-color-static-indigo-400: rgb(var(--spectrum-global-color-static-indigo-400-rgb)); - --spectrum-global-color-static-indigo-500-rgb: 109, 115, 246; - --spectrum-global-color-static-indigo-500: rgb(var(--spectrum-global-color-static-indigo-500-rgb)); - --spectrum-global-color-static-indigo-600-rgb: 87, 93, 232; - --spectrum-global-color-static-indigo-600: rgb(var(--spectrum-global-color-static-indigo-600-rgb)); - --spectrum-global-color-static-indigo-700-rgb: 68, 74, 208; - --spectrum-global-color-static-indigo-700: rgb(var(--spectrum-global-color-static-indigo-700-rgb)); - --spectrum-global-color-static-indigo-800-rgb: 68, 74, 208; - --spectrum-global-color-static-indigo-800: rgb(var(--spectrum-global-color-static-indigo-800-rgb)); - --spectrum-global-color-static-purple-400-rgb: 178, 121, 250; - --spectrum-global-color-static-purple-400: rgb(var(--spectrum-global-color-static-purple-400-rgb)); - --spectrum-global-color-static-purple-500-rgb: 161, 93, 246; - --spectrum-global-color-static-purple-500: rgb(var(--spectrum-global-color-static-purple-500-rgb)); - --spectrum-global-color-static-purple-600-rgb: 142, 67, 234; - --spectrum-global-color-static-purple-600: rgb(var(--spectrum-global-color-static-purple-600-rgb)); - --spectrum-global-color-static-purple-700-rgb: 120, 43, 216; - --spectrum-global-color-static-purple-700: rgb(var(--spectrum-global-color-static-purple-700-rgb)); - --spectrum-global-color-static-purple-800-rgb: 98, 23, 190; - --spectrum-global-color-static-purple-800: rgb(var(--spectrum-global-color-static-purple-800-rgb)); - --spectrum-global-color-static-fuchsia-400-rgb: 228, 93, 230; - --spectrum-global-color-static-fuchsia-400: rgb(var(--spectrum-global-color-static-fuchsia-400-rgb)); - --spectrum-global-color-static-fuchsia-500-rgb: 211, 63, 212; - --spectrum-global-color-static-fuchsia-500: rgb(var(--spectrum-global-color-static-fuchsia-500-rgb)); - --spectrum-global-color-static-fuchsia-600-rgb: 188, 39, 187; - --spectrum-global-color-static-fuchsia-600: rgb(var(--spectrum-global-color-static-fuchsia-600-rgb)); - --spectrum-global-color-static-fuchsia-700-rgb: 163, 10, 163; - --spectrum-global-color-static-fuchsia-700: rgb(var(--spectrum-global-color-static-fuchsia-700-rgb)); - --spectrum-global-color-static-fuchsia-800-rgb: 135, 0, 136; - --spectrum-global-color-static-fuchsia-800: rgb(var(--spectrum-global-color-static-fuchsia-800-rgb)); - --spectrum-global-color-static-magenta-200-rgb: 253, 127, 175; - --spectrum-global-color-static-magenta-200: rgb(var(--spectrum-global-color-static-magenta-200-rgb)); - --spectrum-global-color-static-magenta-300-rgb: 242, 98, 157; - --spectrum-global-color-static-magenta-300: rgb(var(--spectrum-global-color-static-magenta-300-rgb)); - --spectrum-global-color-static-magenta-400-rgb: 226, 68, 135; - --spectrum-global-color-static-magenta-400: rgb(var(--spectrum-global-color-static-magenta-400-rgb)); - --spectrum-global-color-static-magenta-500-rgb: 205, 40, 111; - --spectrum-global-color-static-magenta-500: rgb(var(--spectrum-global-color-static-magenta-500-rgb)); - --spectrum-global-color-static-magenta-600-rgb: 179, 15, 89; - --spectrum-global-color-static-magenta-600: rgb(var(--spectrum-global-color-static-magenta-600-rgb)); - --spectrum-global-color-static-magenta-700-rgb: 149, 0, 72; - --spectrum-global-color-static-magenta-700: rgb(var(--spectrum-global-color-static-magenta-700-rgb)); - --spectrum-global-color-static-magenta-800-rgb: 119, 0, 58; - --spectrum-global-color-static-magenta-800: rgb(var(--spectrum-global-color-static-magenta-800-rgb)); - --spectrum-global-color-static-transparent-white-200: rgba(255,255,255,0.1); - --spectrum-global-color-static-transparent-white-300: rgba(255,255,255,0.25); - --spectrum-global-color-static-transparent-white-400: rgba(255,255,255,0.4); - --spectrum-global-color-static-transparent-white-500: rgba(255,255,255,0.55); - --spectrum-global-color-static-transparent-white-600: rgba(255,255,255,0.7); - --spectrum-global-color-static-transparent-white-700: rgba(255,255,255,0.8); - --spectrum-global-color-static-transparent-white-800: rgba(255,255,255,0.9); - --spectrum-global-color-static-transparent-white-900-rgb: 255,255,255; - --spectrum-global-color-static-transparent-white-900: rgb(var(--spectrum-global-color-static-transparent-white-900-rgb)); - --spectrum-global-color-static-transparent-black-200: rgba(0,0,0,0.1); - --spectrum-global-color-static-transparent-black-300: rgba(0,0,0,0.25); - --spectrum-global-color-static-transparent-black-400: rgba(0,0,0,0.4); - --spectrum-global-color-static-transparent-black-500: rgba(0,0,0,0.55); - --spectrum-global-color-static-transparent-black-600: rgba(0,0,0,0.7); - --spectrum-global-color-static-transparent-black-700: rgba(0,0,0,0.8); - --spectrum-global-color-static-transparent-black-800: rgba(0,0,0,0.9); - --spectrum-global-color-static-transparent-black-900-rgb: 0,0,0; - --spectrum-global-color-static-transparent-black-900: rgb(var(--spectrum-global-color-static-transparent-black-900-rgb)); - --spectrum-global-color-sequential-cerulean: #E9FFF1,#C8F1E4,#A5E3D7,#82D5CA,#68C5C1,#54B4BA,#3FA2B2,#2991AC,#2280A2,#1F6D98,#1D5C8D,#1A4B83,#1A3979,#1A266F,#191264,#180057; - --spectrum-global-color-sequential-forest: #FFFFDF,#E2F6BA,#C4EB95,#A4E16D,#8DD366,#77C460,#5FB65A,#48A754,#36984F,#2C894D,#237A4A,#196B47,#105C45,#094D41,#033F3E,#00313A; - --spectrum-global-color-sequential-rose: #FFF4DD,#FFDDD7,#FFC5D2,#FEAECB,#FA96C4,#F57EBD,#EF64B5,#E846AD,#D238A1,#BB2E96,#A3248C,#8A1B83,#71167C,#560F74,#370B6E,#000968; - --spectrum-global-color-diverging-orange-yellow-seafoam: #580000,#79260B,#9C4511,#BD651A,#DD8629,#F5AD52,#FED693,#FFFFE0,#BBE4D1,#76C7BE,#3EA8A6,#208288,#076769,#00494B,#002C2D; - --spectrum-global-color-diverging-red-yellow-blue: #4A001E,#751232,#A52747,#C65154,#E47961,#F0A882,#FAD4AC,#FFFFE0,#BCE2CF,#89C0C4,#579EB9,#397AA8,#1C5796,#163771,#10194D; - --spectrum-global-color-diverging-red-blue: #4A001E,#731331,#9F2945,#CC415A,#E06E85,#ED9AB0,#F8C3D9,#FAF0FF,#C6D0F2,#92B2DE,#5D94CB,#2F74B3,#265191,#163670,#0B194C; -} diff --git a/components/vars/css/globals/spectrum-colorSemantics.css b/components/vars/css/globals/spectrum-colorSemantics.css deleted file mode 100644 index 85d67bb7ccb..00000000000 --- a/components/vars/css/globals/spectrum-colorSemantics.css +++ /dev/null @@ -1,86 +0,0 @@ -:root { - --spectrum-semantic-negative-background-color: var(--spectrum-global-color-static-red-600); - --spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500); - --spectrum-semantic-negative-color-hover: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-border-color: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-icon-color: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-status-color: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-text-color-large: var(--spectrum-global-color-red-500); - --spectrum-semantic-negative-text-color-small: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-text-color-small-hover: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-text-color-small-down: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-text-color-small-key-focus: var(--spectrum-global-color-red-600); - --spectrum-semantic-negative-color-down: var(--spectrum-global-color-red-700); - --spectrum-semantic-negative-color-key-focus: var(--spectrum-global-color-red-400); - --spectrum-semantic-negative-background-color-default: var(--spectrum-global-color-static-red-600); - --spectrum-semantic-negative-background-color-hover: var(--spectrum-global-color-static-red-700); - --spectrum-semantic-negative-background-color-down: var(--spectrum-global-color-static-red-800); - --spectrum-semantic-negative-background-color-key-focus: var(--spectrum-global-color-static-red-700); - --spectrum-semantic-notice-background-color: var(--spectrum-global-color-static-orange-600); - --spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500); - --spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-border-color: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-icon-color: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-status-color: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-text-color-large: var(--spectrum-global-color-orange-500); - --spectrum-semantic-notice-text-color-small: var(--spectrum-global-color-orange-600); - --spectrum-semantic-notice-color-down: var(--spectrum-global-color-orange-700); - --spectrum-semantic-notice-color-key-focus: var(--spectrum-global-color-orange-400); - --spectrum-semantic-notice-background-color-default: var(--spectrum-global-color-static-orange-600); - --spectrum-semantic-notice-background-color-hover: var(--spectrum-global-color-static-orange-700); - --spectrum-semantic-notice-background-color-down: var(--spectrum-global-color-static-orange-800); - --spectrum-semantic-notice-background-color-key-focus: var(--spectrum-global-color-static-orange-700); - --spectrum-semantic-positive-background-color: var(--spectrum-global-color-static-green-600); - --spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500); - --spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-border-color: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-icon-color: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-status-color: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-text-color-large: var(--spectrum-global-color-green-500); - --spectrum-semantic-positive-text-color-small: var(--spectrum-global-color-green-600); - --spectrum-semantic-positive-color-down: var(--spectrum-global-color-green-700); - --spectrum-semantic-positive-color-key-focus: var(--spectrum-global-color-green-400); - --spectrum-semantic-positive-background-color-default: var(--spectrum-global-color-static-green-600); - --spectrum-semantic-positive-background-color-hover: var(--spectrum-global-color-static-green-700); - --spectrum-semantic-positive-background-color-down: var(--spectrum-global-color-static-green-800); - --spectrum-semantic-positive-background-color-key-focus: var(--spectrum-global-color-static-green-700); - --spectrum-semantic-informative-background-color: var(--spectrum-global-color-static-blue-600); - --spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500); - --spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-border-color: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-icon-color: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-status-color: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-text-color-large: var(--spectrum-global-color-blue-500); - --spectrum-semantic-informative-text-color-small: var(--spectrum-global-color-blue-600); - --spectrum-semantic-informative-color-down: var(--spectrum-global-color-blue-700); - --spectrum-semantic-informative-color-key-focus: var(--spectrum-global-color-blue-400); - --spectrum-semantic-informative-background-color-default: var(--spectrum-global-color-static-blue-600); - --spectrum-semantic-informative-background-color-hover: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-informative-background-color-down: var(--spectrum-global-color-static-blue-800); - --spectrum-semantic-informative-background-color-key-focus: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-cta-background-color-default: var(--spectrum-global-color-static-blue-600); - --spectrum-semantic-cta-background-color-hover: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-cta-background-color-down: var(--spectrum-global-color-static-blue-800); - --spectrum-semantic-cta-background-color-key-focus: var(--spectrum-global-color-static-blue-700); - --spectrum-semantic-emphasized-border-color-default: var(--spectrum-global-color-blue-500); - --spectrum-semantic-emphasized-border-color-hover: var(--spectrum-global-color-blue-600); - --spectrum-semantic-emphasized-border-color-down: var(--spectrum-global-color-blue-700); - --spectrum-semantic-emphasized-border-color-key-focus: var(--spectrum-global-color-blue-600); - --spectrum-semantic-neutral-background-color-default: var(--spectrum-global-color-static-gray-700); - --spectrum-semantic-neutral-background-color-hover: var(--spectrum-global-color-static-gray-800); - --spectrum-semantic-neutral-background-color-down: var(--spectrum-global-color-static-gray-900); - --spectrum-semantic-neutral-background-color-key-focus: var(--spectrum-global-color-static-gray-800); - --spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500); - --spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400); - --spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400); - --spectrum-semantic-presence-color-4-rgb: 75, 204, 162; - --spectrum-semantic-presence-color-4: rgb(var(--spectrum-semantic-presence-color-4-rgb)); - --spectrum-semantic-presence-color-5-rgb: 0, 199, 255; - --spectrum-semantic-presence-color-5: rgb(var(--spectrum-semantic-presence-color-5-rgb)); - --spectrum-semantic-presence-color-6-rgb: 0, 140, 184; - --spectrum-semantic-presence-color-6: rgb(var(--spectrum-semantic-presence-color-6-rgb)); - --spectrum-semantic-presence-color-7-rgb: 126, 75, 243; - --spectrum-semantic-presence-color-7: rgb(var(--spectrum-semantic-presence-color-7-rgb)); - --spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600); -} diff --git a/components/vars/css/globals/spectrum-dimensionAliases.css b/components/vars/css/globals/spectrum-dimensionAliases.css deleted file mode 100644 index bff89aa247e..00000000000 --- a/components/vars/css/globals/spectrum-dimensionAliases.css +++ /dev/null @@ -1,348 +0,0 @@ -:root { - --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400); - --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500); - --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600); - --spectrum-alias-item-rounded-border-radius-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-rounded-border-radius-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-rounded-border-radius-l: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-rounded-border-radius-xl: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-text-size-s: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-item-text-size-m: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-item-text-size-l: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-item-text-size-xl: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-item-text-padding-top-s: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-item-text-padding-top-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-text-padding-top-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-text-padding-bottom-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-text-padding-bottom-l: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-text-padding-bottom-xl: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-icon-padding-top-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icon-padding-top-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icon-padding-top-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icon-padding-top-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-icon-padding-bottom-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icon-padding-bottom-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icon-padding-bottom-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icon-padding-bottom-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-rounded-padding-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-rounded-padding-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-rounded-padding-l: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-rounded-padding-xl: var(--spectrum-global-dimension-size-300); - --spectrum-alias-item-icononly-padding-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-icononly-padding-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-icononly-padding-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-icononly-padding-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-gap-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-gap-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-gap-l: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-control-gap-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-workflow-icon-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-workflow-icon-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-workflow-icon-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-workflow-icon-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-ui-icon-gap-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-ui-icon-gap-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-ui-icon-gap-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-ui-icon-gap-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-clearbutton-gap-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-item-clearbutton-gap-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-clearbutton-gap-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-clearbutton-gap-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-workflow-padding-left-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-workflow-padding-left-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-workflow-padding-left-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-rounded-workflow-padding-left-s: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-rounded-workflow-padding-left-l: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-mark-padding-top-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-item-mark-padding-top-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-padding-top-xl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-mark-padding-bottom-s: var(--spectrum-global-dimension-size-40); - --spectrum-alias-item-mark-padding-bottom-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-mark-padding-bottom-xl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-item-mark-padding-left-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-mark-padding-left-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-mark-padding-left-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-control-1-size-s: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-item-control-1-size-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-2-size-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-control-2-size-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-control-2-size-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-control-2-size-xxl: var(--spectrum-global-dimension-size-250); - --spectrum-alias-item-control-2-border-radius-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-2-border-radius-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-control-2-border-radius-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-2-border-radius-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-2-border-radius-xxl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-2-padding-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-2-padding-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-2-padding-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-2-padding-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-control-3-height-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-control-3-height-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-item-control-3-height-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-control-3-border-radius-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-3-border-radius-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-item-control-3-border-radius-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-item-control-3-border-radius-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-3-padding-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-item-control-3-padding-m: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-control-3-padding-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-padding-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-item-mark-size-s: var(--spectrum-global-dimension-size-225); - --spectrum-alias-item-mark-size-l: var(--spectrum-global-dimension-size-275); - --spectrum-alias-item-mark-size-xl: var(--spectrum-global-dimension-size-325); - --spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); - --spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100); - --spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700); - --spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500); - --spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); - --spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600); - --spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400); - --spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); - --spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900); - --spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600); - --spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400); - --spectrum-alias-heading-han-s-text-size: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-han-xs-text-size: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-han-xxs-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); - --spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800); - --spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700); - --spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500); - --spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300); - --spectrum-alias-heading-han-s-margin-top: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-heading-han-xs-margin-top: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-heading-han-xxs-margin-top: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-component-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-alias-component-border-radius-quiet: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-component-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-component-focusring-gap-emphasized: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-component-focusring-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-component-focusring-size-emphasized: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-input-quiet-focusline-gap: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-control-two-size-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-two-size-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-control-two-size-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-control-two-size-xxl: var(--spectrum-global-dimension-size-250); - --spectrum-alias-control-two-border-radius-s: var(--spectrum-global-dimension-size-75); - --spectrum-alias-control-two-border-radius-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-control-two-border-radius-l: var(--spectrum-global-dimension-size-100); - --spectrum-alias-control-two-border-radius-xl: var(--spectrum-global-dimension-size-115); - --spectrum-alias-control-two-border-radius-xxl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-control-two-focus-ring-border-radius-s: var(--spectrum-global-dimension-size-125); - --spectrum-alias-control-two-focus-ring-border-radius-m: var(--spectrum-global-dimension-size-130); - --spectrum-alias-control-two-focus-ring-border-radius-l: var(--spectrum-global-dimension-size-150); - --spectrum-alias-control-two-focus-ring-border-radius-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-control-two-focus-ring-border-radius-xxl: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-three-height-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-control-three-height-l: var(--spectrum-global-dimension-size-200); - --spectrum-alias-control-three-height-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-infieldbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-infieldbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-infieldbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-infieldbutton-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-border-radius-sided: 0; - --spectrum-alias-infieldbutton-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-infieldbutton-fill-padding-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-infieldbutton-fill-padding-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-infieldbutton-fill-padding-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-infieldbutton-fill-padding-xl: var(--spectrum-global-dimension-size-160); - --spectrum-alias-infieldbutton-padding-s: 0; - --spectrum-alias-infieldbutton-padding-m: 0; - --spectrum-alias-infieldbutton-padding-l: 0; - --spectrum-alias-infieldbutton-padding-xl: 0; - --spectrum-alias-infieldbutton-full-height-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-infieldbutton-full-height-m: var(--spectrum-global-dimension-size-400); - --spectrum-alias-infieldbutton-full-height-l: var(--spectrum-global-dimension-size-500); - --spectrum-alias-infieldbutton-full-height-xl: var(--spectrum-global-dimension-size-600); - --spectrum-alias-infieldbutton-half-height-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-infieldbutton-half-height-m: var(--spectrum-global-dimension-size-200); - --spectrum-alias-infieldbutton-half-height-l: var(--spectrum-global-dimension-size-250); - --spectrum-alias-infieldbutton-half-height-xl: var(--spectrum-global-dimension-size-300); - --spectrum-alias-stepperbutton-gap: 0; - --spectrum-alias-stepperbutton-width-s: var(--spectrum-global-dimension-size-225); - --spectrum-alias-stepperbutton-width-m: var(--spectrum-global-dimension-size-300); - --spectrum-alias-stepperbutton-width-l: var(--spectrum-global-dimension-size-400); - --spectrum-alias-stepperbutton-width-xl: var(--spectrum-global-dimension-size-450); - --spectrum-alias-stepperbutton-icon-x-offset-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-stepperbutton-icon-x-offset-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-stepperbutton-icon-x-offset-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-stepperbutton-icon-x-offset-xl: var(--spectrum-global-dimension-size-130); - --spectrum-alias-stepperbutton-icon-y-offset-top-s: var(--spectrum-global-dimension-size-25); - --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(--spectrum-global-dimension-size-50); - --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(--spectrum-global-dimension-size-65); - --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(--spectrum-global-dimension-size-75); - --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: var(--spectrum-global-dimension-size-10); - --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: var(--spectrum-global-dimension-size-25); - --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: var(--spectrum-global-dimension-size-40); - --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: var(--spectrum-global-dimension-size-50); - --spectrum-alias-stepperbutton-radius-touching: 0; - --spectrum-alias-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-100); - --spectrum-alias-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-185); - --spectrum-alias-clearbutton-icon-margin-xl: var(--spectrum-global-dimension-size-225); - --spectrum-alias-clearbutton-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-alias-pickerbutton-icononly-padding-x-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-pickerbutton-icononly-padding-x-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-pickerbutton-icononly-padding-x-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(--spectrum-global-dimension-size-200); - --spectrum-alias-pickerbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-pickerbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-pickerbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-pickerbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-200); - --spectrum-alias-pickerbutton-label-padding-y-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-pickerbutton-label-padding-y-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-pickerbutton-label-padding-y-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-pickerbutton-label-padding-y-xl: var(--spectrum-global-dimension-size-150); - --spectrum-alias-pickerbutton-border-radius-rounded: var(--spectrum-global-dimension-size-50); - --spectrum-alias-pickerbutton-border-radius-rounded-sided: 0; - --spectrum-alias-search-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-alias-search-border-radius-quiet: 0; - --spectrum-alias-combobox-quiet-button-offset-x: var(--spectrum-global-dimension-size-100); - --spectrum-alias-thumbnail-border-radius-small: var(--spectrum-global-dimension-size-25); - --spectrum-alias-actiongroup-button-gap: var(--spectrum-global-dimension-size-100); - --spectrum-alias-actiongroup-button-gap-compact: var(--spectrum-global-dimension-size-0); - --spectrum-alias-actiongroup-button-gap-quiet: var(--spectrum-global-dimension-size-100); - --spectrum-alias-actiongroup-button-gap-quiet-compact: var(--spectrum-global-dimension-size-25); - --spectrum-alias-search-padding-left-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-search-padding-left-l: var(--spectrum-global-dimension-size-160); - --spectrum-alias-search-padding-left-xl: var(--spectrum-global-dimension-size-185); - --spectrum-alias-percent-50: 50%; - --spectrum-alias-percent-70: 70%; - --spectrum-alias-percent-100: 100%; - --spectrum-alias-breakpoint-xsmall: 304px; - --spectrum-alias-breakpoint-small: 768px; - --spectrum-alias-breakpoint-medium: 1280px; - --spectrum-alias-breakpoint-large: 1768px; - --spectrum-alias-breakpoint-xlarge: 2160px; - --spectrum-alias-grid-columns: 12; - --spectrum-alias-grid-fluid-width: 100%; - --spectrum-alias-grid-fixed-max-width: 1280px; - --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-gap-small: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-focus-ring-size-small: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50); - --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10); - --spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100); - --spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10); - --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25); - --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50); - --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100); - --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200); - --spectrum-alias-border-radius-xlarge: var(--spectrum-global-dimension-size-300); - --spectrum-alias-focus-ring-border-radius-xsmall: var(--spectrum-global-dimension-size-50); - --spectrum-alias-focus-ring-border-radius-small: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-focus-ring-border-radius-medium: var(--spectrum-global-dimension-size-150); - --spectrum-alias-focus-ring-border-radius-large: var(--spectrum-global-dimension-size-250); - --spectrum-alias-focus-ring-border-radius-xlarge: var(--spectrum-global-dimension-size-350); - --spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400); - --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400); - --spectrum-alias-workflow-icon-size-s: var(--spectrum-global-dimension-size-200); - --spectrum-alias-workflow-icon-size-m: var(--spectrum-global-dimension-size-225); - --spectrum-alias-workflow-icon-size-xl: var(--spectrum-global-dimension-size-275); - --spectrum-alias-ui-icon-alert-size-75: var(--spectrum-global-dimension-size-200); - --spectrum-alias-ui-icon-alert-size-100: var(--spectrum-global-dimension-size-225); - --spectrum-alias-ui-icon-alert-size-200: var(--spectrum-global-dimension-size-250); - --spectrum-alias-ui-icon-alert-size-300: var(--spectrum-global-dimension-size-275); - --spectrum-alias-ui-icon-triplegripper-size-100-height: var(--spectrum-global-dimension-size-100); - --spectrum-alias-ui-icon-doublegripper-size-100-width: var(--spectrum-global-dimension-size-200); - --spectrum-alias-ui-icon-singlegripper-size-100-width: var(--spectrum-global-dimension-size-300); - --spectrum-alias-ui-icon-cornertriangle-size-75: var(--spectrum-global-dimension-size-65); - --spectrum-alias-ui-icon-cornertriangle-size-200: var(--spectrum-global-dimension-size-75); - --spectrum-alias-ui-icon-asterisk-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-asterisk-size-100: var(--spectrum-global-dimension-size-100); - --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200); - --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225); - --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275); - --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325); - --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400); - --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500); - --spectrum-alias-avatar-border-size: var(--spectrum-global-dimension-size-0); - --spectrum-alias-tag-border-radius: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-border-size-default: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-tag-border-size-key-focus: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-tag-border-size-disabled: var(--spectrum-global-dimension-size-0); - --spectrum-alias-tag-border-size: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-tag-padding-right-s: var(--spectrum-global-dimension-size-115); - --spectrum-alias-tag-padding-right-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-tag-padding-right-l: var(--spectrum-global-dimension-size-185); - --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-400); - --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-500); - --spectrum-alias-tag-font-size-s: var(--spectrum-global-dimension-font-size-75); - --spectrum-alias-tag-font-size-m: var(--spectrum-global-dimension-font-size-100); - --spectrum-alias-tag-font-size-l: var(--spectrum-global-dimension-font-size-200); - --spectrum-alias-tag-text-padding-top-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-text-padding-top-m: var(--spectrum-global-dimension-size-75); - --spectrum-alias-tag-text-padding-top-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-200); - --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-225); - --spectrum-alias-tag-icon-margin-top-s: var(--spectrum-global-dimension-size-50); - --spectrum-alias-tag-icon-margin-top-m: var(--spectrum-global-dimension-size-85); - --spectrum-alias-tag-icon-margin-top-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-tag-icon-margin-right-s: var(--spectrum-global-dimension-size-85); - --spectrum-alias-tag-icon-margin-right-m: var(--spectrum-global-dimension-size-100); - --spectrum-alias-tag-icon-margin-right-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-tag-clearbutton-width-s: var(--spectrum-global-dimension-size-300); - --spectrum-alias-tag-clearbutton-width-m: var(--spectrum-global-dimension-size-400); - --spectrum-alias-tag-clearbutton-width-l: var(--spectrum-global-dimension-size-500); - --spectrum-alias-tag-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-100); - --spectrum-alias-tag-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-150); - --spectrum-alias-tag-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-185); - --spectrum-alias-tag-focusring-size: var(--spectrum-global-dimension-size-25); - --spectrum-alias-tag-focusring-gap: var(--spectrum-global-dimension-static-size-0); - --spectrum-alias-tag-focusring-gap-selected: var(--spectrum-global-dimension-size-25); - --spectrum-alias-colorloupe-width: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-colorloupe-height: var(--spectrum-global-dimension-static-size-800); -} diff --git a/components/vars/css/globals/spectrum-dimensionGlobals.css b/components/vars/css/globals/spectrum-dimensionGlobals.css deleted file mode 100644 index 370ccf7909d..00000000000 --- a/components/vars/css/globals/spectrum-dimensionGlobals.css +++ /dev/null @@ -1,73 +0,0 @@ -:root { - --spectrum-global-dimension-static-percent-50: 50%; - --spectrum-global-dimension-static-percent-70: 70%; - --spectrum-global-dimension-static-percent-100: 100%; - --spectrum-global-dimension-static-breakpoint-xsmall: 304px; - --spectrum-global-dimension-static-breakpoint-small: 768px; - --spectrum-global-dimension-static-breakpoint-medium: 1280px; - --spectrum-global-dimension-static-breakpoint-large: 1768px; - --spectrum-global-dimension-static-breakpoint-xlarge: 2160px; - --spectrum-global-dimension-static-grid-columns: 12; - --spectrum-global-dimension-static-grid-fluid-width: 100%; - --spectrum-global-dimension-static-grid-fixed-max-width: 1280px; - --spectrum-global-dimension-static-size-0: 0px; - --spectrum-global-dimension-static-size-10: 1px; - --spectrum-global-dimension-static-size-25: 2px; - --spectrum-global-dimension-static-size-40: 3px; - --spectrum-global-dimension-static-size-50: 4px; - --spectrum-global-dimension-static-size-65: 5px; - --spectrum-global-dimension-static-size-75: 6px; - --spectrum-global-dimension-static-size-85: 7px; - --spectrum-global-dimension-static-size-100: 8px; - --spectrum-global-dimension-static-size-115: 9px; - --spectrum-global-dimension-static-size-125: 10px; - --spectrum-global-dimension-static-size-130: 11px; - --spectrum-global-dimension-static-size-150: 12px; - --spectrum-global-dimension-static-size-160: 13px; - --spectrum-global-dimension-static-size-175: 14px; - --spectrum-global-dimension-static-size-185: 15px; - --spectrum-global-dimension-static-size-200: 16px; - --spectrum-global-dimension-static-size-225: 18px; - --spectrum-global-dimension-static-size-250: 20px; - --spectrum-global-dimension-static-size-275: 22px; - --spectrum-global-dimension-static-size-300: 24px; - --spectrum-global-dimension-static-size-325: 26px; - --spectrum-global-dimension-static-size-350: 28px; - --spectrum-global-dimension-static-size-400: 32px; - --spectrum-global-dimension-static-size-450: 36px; - --spectrum-global-dimension-static-size-500: 40px; - --spectrum-global-dimension-static-size-550: 44px; - --spectrum-global-dimension-static-size-600: 48px; - --spectrum-global-dimension-static-size-700: 56px; - --spectrum-global-dimension-static-size-800: 64px; - --spectrum-global-dimension-static-size-900: 72px; - --spectrum-global-dimension-static-size-1000: 80px; - --spectrum-global-dimension-static-size-1200: 96px; - --spectrum-global-dimension-static-size-1700: 136px; - --spectrum-global-dimension-static-size-2400: 192px; - --spectrum-global-dimension-static-size-2500: 200px; - --spectrum-global-dimension-static-size-2600: 208px; - --spectrum-global-dimension-static-size-2800: 224px; - --spectrum-global-dimension-static-size-3200: 256px; - --spectrum-global-dimension-static-size-3400: 272px; - --spectrum-global-dimension-static-size-3500: 280px; - --spectrum-global-dimension-static-size-3600: 288px; - --spectrum-global-dimension-static-size-3800: 304px; - --spectrum-global-dimension-static-size-4600: 368px; - --spectrum-global-dimension-static-size-5000: 400px; - --spectrum-global-dimension-static-size-6000: 480px; - --spectrum-global-dimension-static-size-16000: 1280px; - --spectrum-global-dimension-static-font-size-50: 11px; - --spectrum-global-dimension-static-font-size-75: 12px; - --spectrum-global-dimension-static-font-size-100: 14px; - --spectrum-global-dimension-static-font-size-150: 15px; - --spectrum-global-dimension-static-font-size-200: 16px; - --spectrum-global-dimension-static-font-size-300: 18px; - --spectrum-global-dimension-static-font-size-400: 20px; - --spectrum-global-dimension-static-font-size-500: 22px; - --spectrum-global-dimension-static-font-size-600: 25px; - --spectrum-global-dimension-static-font-size-700: 28px; - --spectrum-global-dimension-static-font-size-800: 32px; - --spectrum-global-dimension-static-font-size-900: 36px; - --spectrum-global-dimension-static-font-size-1000: 40px; -} diff --git a/components/vars/css/globals/spectrum-fontGlobals.css b/components/vars/css/globals/spectrum-fontGlobals.css deleted file mode 100644 index 13298e5c6fe..00000000000 --- a/components/vars/css/globals/spectrum-fontGlobals.css +++ /dev/null @@ -1,33 +0,0 @@ -:root { - --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif; - --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace; - --spectrum-global-font-weight-thin: 100; - --spectrum-global-font-weight-ultra-light: 200; - --spectrum-global-font-weight-light: 300; - --spectrum-global-font-weight-regular: 400; - --spectrum-global-font-weight-medium: 500; - --spectrum-global-font-weight-semi-bold: 600; - --spectrum-global-font-weight-bold: 700; - --spectrum-global-font-weight-extra-bold: 800; - --spectrum-global-font-weight-black: 900; - --spectrum-global-font-style-regular: normal; - --spectrum-global-font-style-italic: italic; - --spectrum-global-font-letter-spacing-none: 0; - --spectrum-global-font-letter-spacing-small: 0.0125em; - --spectrum-global-font-letter-spacing-han: 0.05em; - --spectrum-global-font-letter-spacing-medium: 0.06em; - --spectrum-global-font-line-height-large: 1.7; - --spectrum-global-font-line-height-medium: 1.5; - --spectrum-global-font-line-height-small: 1.3; - --spectrum-global-font-multiplier-0: 0em; - --spectrum-global-font-multiplier-25: 0.25em; - --spectrum-global-font-multiplier-75: 0.75em; - --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; - --spectrum-global-font-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif'; - --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif'; - --spectrum-global-font-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif'; - --spectrum-global-font-font-family-ja: adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Osaka', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'; - --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; -} diff --git a/components/vars/css/globals/spectrum-staticAliases.css b/components/vars/css/globals/spectrum-staticAliases.css deleted file mode 100644 index a96b64d5393..00000000000 --- a/components/vars/css/globals/spectrum-staticAliases.css +++ /dev/null @@ -1,101 +0,0 @@ -:root { - --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10); - --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400); - --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500); - --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600); - --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550); - --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300); - --spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-light: var(--spectrum-global-font-weight-light); - --spectrum-alias-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light); - --spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25); - --spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base); - --spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75); - --spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-detail-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular); - --spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold); - --spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code); - --spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular); - --spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-code-margin-bottom: var(--spectrum-global-font-multiplier-0); - --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar); - --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he); - --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh); - --spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans); - --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko); - --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja); - --spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed); - --spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-component-text-line-height: var(--spectrum-global-font-line-height-small); - --spectrum-alias-han-component-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif); - --spectrum-alias-han-heading-text-line-height: var(--spectrum-global-font-line-height-medium); - --spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold); - --spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light); - --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-body-text-line-height: var(--spectrum-global-font-line-height-large); - --spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold); - --spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black); - --spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular); - --spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold); - --spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black); -} diff --git a/components/vars/css/scales/spectrum-large.css b/components/vars/css/scales/spectrum-large.css deleted file mode 100644 index cef1bcbaa74..00000000000 --- a/components/vars/css/scales/spectrum-large.css +++ /dev/null @@ -1,2313 +0,0 @@ -:root { - --spectrum-global-dimension-scale-factor: 1.25; - --spectrum-global-dimension-size-0: 0px; - --spectrum-global-dimension-size-10: 1px; - --spectrum-global-dimension-size-25: 2px; - --spectrum-global-dimension-size-30: 3px; - --spectrum-global-dimension-size-40: 4px; - --spectrum-global-dimension-size-50: 5px; - --spectrum-global-dimension-size-65: 6px; - --spectrum-global-dimension-size-75: 8px; - --spectrum-global-dimension-size-85: 9px; - --spectrum-global-dimension-size-100: 10px; - --spectrum-global-dimension-size-115: 11px; - --spectrum-global-dimension-size-125: 13px; - --spectrum-global-dimension-size-130: 14px; - --spectrum-global-dimension-size-150: 15px; - --spectrum-global-dimension-size-160: 16px; - --spectrum-global-dimension-size-175: 18px; - --spectrum-global-dimension-size-185: 19px; - --spectrum-global-dimension-size-200: 20px; - --spectrum-global-dimension-size-225: 22px; - --spectrum-global-dimension-size-250: 25px; - --spectrum-global-dimension-size-275: 28px; - --spectrum-global-dimension-size-300: 30px; - --spectrum-global-dimension-size-325: 32px; - --spectrum-global-dimension-size-350: 35px; - --spectrum-global-dimension-size-400: 40px; - --spectrum-global-dimension-size-450: 45px; - --spectrum-global-dimension-size-500: 50px; - --spectrum-global-dimension-size-550: 56px; - --spectrum-global-dimension-size-600: 60px; - --spectrum-global-dimension-size-650: 65px; - --spectrum-global-dimension-size-675: 68px; - --spectrum-global-dimension-size-700: 70px; - --spectrum-global-dimension-size-750: 75px; - --spectrum-global-dimension-size-800: 80px; - --spectrum-global-dimension-size-900: 90px; - --spectrum-global-dimension-size-1000: 100px; - --spectrum-global-dimension-size-1125: 112px; - --spectrum-global-dimension-size-1200: 120px; - --spectrum-global-dimension-size-1250: 125px; - --spectrum-global-dimension-size-1600: 160px; - --spectrum-global-dimension-size-1700: 170px; - --spectrum-global-dimension-size-1800: 180px; - --spectrum-global-dimension-size-2000: 200px; - --spectrum-global-dimension-size-2400: 240px; - --spectrum-global-dimension-size-2500: 250px; - --spectrum-global-dimension-size-3000: 300px; - --spectrum-global-dimension-size-3400: 340px; - --spectrum-global-dimension-size-3600: 360px; - --spectrum-global-dimension-size-4600: 460px; - --spectrum-global-dimension-size-5000: 500px; - --spectrum-global-dimension-size-6000: 600px; - --spectrum-global-dimension-font-size-25: 12px; - --spectrum-global-dimension-font-size-50: 13px; - --spectrum-global-dimension-font-size-75: 15px; - --spectrum-global-dimension-font-size-100: 17px; - --spectrum-global-dimension-font-size-150: 18px; - --spectrum-global-dimension-font-size-200: 19px; - --spectrum-global-dimension-font-size-300: 22px; - --spectrum-global-dimension-font-size-400: 24px; - --spectrum-global-dimension-font-size-500: 27px; - --spectrum-global-dimension-font-size-600: 31px; - --spectrum-global-dimension-font-size-700: 34px; - --spectrum-global-dimension-font-size-800: 39px; - --spectrum-global-dimension-font-size-900: 44px; - --spectrum-global-dimension-font-size-1000: 49px; - --spectrum-global-dimension-font-size-1100: 55px; - --spectrum-global-dimension-font-size-1200: 62px; - --spectrum-global-dimension-font-size-1300: 70px; - --spectrum-alias-item-text-padding-top-l: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-text-padding-bottom-s: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-workflow-padding-left-m: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-rounded-workflow-padding-left-m: 17px; - --spectrum-alias-item-rounded-workflow-padding-left-xl: 27px; - --spectrum-alias-item-mark-padding-top-m: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-mark-padding-bottom-m: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-item-mark-padding-left-m: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-1-size-l: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-1-size-xl: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-item-control-2-size-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-3-height-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-item-control-3-width-s: var(--spectrum-global-dimension-size-325); - --spectrum-alias-item-control-3-width-m: var(--spectrum-global-dimension-static-size-450); - --spectrum-alias-item-control-3-width-l: 41px; - --spectrum-alias-item-control-3-width-xl: 46px; - --spectrum-alias-item-mark-size-m: var(--spectrum-global-dimension-static-size-325); - --spectrum-alias-component-focusring-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-control-two-size-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-control-three-height-s: var(--spectrum-global-dimension-size-160); - --spectrum-alias-control-three-width-s: var(--spectrum-global-dimension-size-325); - --spectrum-alias-control-three-width-m: var(--spectrum-global-dimension-static-size-450); - --spectrum-alias-control-three-width-l: 41px; - --spectrum-alias-control-three-width-xl: 46px; - --spectrum-alias-search-padding-left-m: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-focus-ring-border-radius-regular: var(--spectrum-global-dimension-static-size-115); - --spectrum-alias-focus-ring-radius-default: var(--spectrum-global-dimension-static-size-115); - --spectrum-alias-workflow-icon-size-l: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-chevron-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-chevron-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-chevron-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-chevron-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-checkmark-size-50: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-checkmark-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-checkmark-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-checkmark-size-600: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-dash-size-50: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-100: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-200: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-dash-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-dash-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-dash-size-500: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-dash-size-600: var(--spectrum-global-dimension-static-size-275); - --spectrum-alias-ui-icon-cross-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-cross-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-cross-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-cross-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-75: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-arrow-size-100: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-arrow-size-200: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-300: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-400: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-500: var(--spectrum-global-dimension-static-size-275); - --spectrum-alias-ui-icon-arrow-size-600: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-ui-icon-triplegripper-size-100-width: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-doublegripper-size-100-height: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-ui-icon-singlegripper-size-100-height: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-ui-icon-cornertriangle-size-100: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-ui-icon-cornertriangle-size-300: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-asterisk-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-asterisk-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-avatar-size-100: 26px; - --spectrum-alias-avatar-size-400: 36px; - --spectrum-alias-avatar-size-600: 46px; - --spectrum-alias-tag-icon-size-l: var(--spectrum-global-dimension-static-size-300); - --spectrum-alias-tag-focusring-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-actionbutton-s-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-s-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-m-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-actionbutton-l-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-actionbutton-l-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-l-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-actionbutton-xl-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-badge-s-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-s-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-badge-m-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-indigo-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-informative-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-magenta-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-negative-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-neutral-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-positive-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-purple-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-seafoam-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-m-yellow-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-indigo-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-informative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-informative-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-magenta-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-negative-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-negative-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-neutral-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-positive-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-positive-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-purple-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-purple-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-seafoam-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-badge-l-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-badge-l-yellow-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-breadcrumb-s-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-breadcrumb-s-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-breadcrumb-s-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-m-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-multiline-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-breadcrumb-l-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-breadcrumb-l-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-breadcrumb-l-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-texticon-padding-left: 17px; - --spectrum-button-m-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-texticon-padding-left: 27px; - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-texticon-padding-left: 17px; - --spectrum-button-m-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-button-l-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-texticon-padding-left: 27px; - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-checkbox-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-checkbox-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-checkbox-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-checkbox-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-checkbox-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorloupe-offset-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85); - --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600); - --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85); - --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-static-size-2600); - --spectrum-colorwheel-min-height: var(--spectrum-global-dimension-static-size-2600); - --spectrum-combobox-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-combobox-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-combobox-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-dialog-confirm-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-destructive-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-error-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-info-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreen-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-fullscreen-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-fullscreen-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreen-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-fullscreen-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dialog-fullscreentakeover-title-text-size: var(--spectrum-alias-heading-xs-text-size); - --spectrum-dialog-fullscreentakeover-description-text-size: var(--spectrum-global-dimension-font-size-75); - --spectrum-dialog-fullscreentakeover-description-margin-bottom: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreentakeover-max-width: var(--spectrum-global-dimension-static-size-5000); - --spectrum-dialog-fullscreentakeover-padding: var(--spectrum-global-dimension-static-size-300); - --spectrum-dragthumb-swatch-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-swatch-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-helptext-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-helptext-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-helptext-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-helptext-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-infieldbutton-l-left-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-infieldbutton-l-right-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-infieldbutton-l-none-fill-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-listitem-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-m-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-texticon-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textonly-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-listitem-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-listitem-l-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-meter-s-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-negative-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-negative-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-notice-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-notice-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-s-positive-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-meter-s-positive-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-negative-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-notice-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-m-positive-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-meter-l-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-negative-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-notice-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-l-positive-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-meter-xl-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-negative-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-notice-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-meter-xl-positive-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-pagination-page-button-line-height: 32px; - --spectrum-pagination-button-page-button-line-height: 32px; - --spectrum-pagination-explicit-page-button-line-height: 32px; - --spectrum-pagination-listing-page-button-line-height: 32px; - --spectrum-panel-s-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-s-spacious-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-panel-l-spacious-header-height: var(--spectrum-global-dimension-size-550); - --spectrum-picker-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-picker-s-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-s-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textthumbnail-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-m-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-m-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-picker-l-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-picker-l-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-l-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-picker-xl-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-s-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-progressbar-s-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-overbackground-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-m-border-radius: var(--spectrum-global-dimension-static-size-50); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-overbackground-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-l-value-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-progressbar-xl-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-overbackground-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progressbar-xl-border-radius: var(--spectrum-global-dimension-static-size-75); - --spectrum-progresscircle-s-indeterminate-overbackground-border-size: 3px; - --spectrum-progresscircle-s-indeterminate-border-size: 3px; - --spectrum-progresscircle-s-overbackground-border-size: 3px; - --spectrum-progresscircle-s-border-size: 3px; - --spectrum-progresscircle-m-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-overbackground-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-progresscircle-m-border-size: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-radio-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-radio-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-radio-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-radio-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-radio-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-search-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-search-s-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-s-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-m-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-search-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-search-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-search-l-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-l-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-touch-hit-x: var(--spectrum-global-dimension-size-50); - --spectrum-search-xl-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-searchwithin-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-searchwithin-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-searchwithin-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-searchwithin-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-searchwithin-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px; - --spectrum-sidenav-multilevel-main-item-touch-hit-bottom: 3px; - --spectrum-sidenav-item-touch-hit-bottom: 3px; - --spectrum-sidenav-main-item-touch-hit-bottom: 3px; - --spectrum-slider-s-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-slider-s-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-s-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-s-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-m-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-m-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-editable-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-slider-l-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-l-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-l-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-track-touch-hit-y: var(--spectrum-global-dimension-size-50); - --spectrum-slider-xl-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-175); - --spectrum-slider-xl-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-175); - --spectrum-statuslight-s-celery-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-indigo-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-info-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-magenta-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-neutral-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-negative-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-notice-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-positive-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-purple-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-seafoam-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-s-yellow-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-statuslight-l-celery-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-celery-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-chartreuse-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-fuchsia-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-indigo-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-indigo-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-info-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-info-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-magenta-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-magenta-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-neutral-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-neutral-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-negative-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-negative-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-notice-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-notice-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-positive-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-positive-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-purple-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-purple-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-seafoam-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-seafoam-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-yellow-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-l-yellow-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-celery-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-chartreuse-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-fuchsia-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-indigo-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-info-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-magenta-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-neutral-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-negative-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-notice-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-positive-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-purple-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-seafoam-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-statuslight-xl-yellow-dot-size: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-switch-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-switch-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-l-emphasized-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-switch-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-switch-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-tabs-s-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-quiet-texticon-margin-left: -9px; - --spectrum-tabs-s-quiet-texticon-margin-right: -9px; - --spectrum-tabs-s-quiet-textonly-margin-left: -9px; - --spectrum-tabs-s-quiet-textonly-margin-right: -9px; - --spectrum-tabs-s-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-texticon-margin-left: -9px; - --spectrum-tabs-s-texticon-margin-right: -9px; - --spectrum-tabs-s-textonly-margin-left: -9px; - --spectrum-tabs-s-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-quiet-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-quiet-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-s-compact-texticon-margin-left: -9px; - --spectrum-tabs-s-compact-texticon-margin-right: -9px; - --spectrum-tabs-s-compact-textonly-margin-left: -9px; - --spectrum-tabs-s-compact-textonly-margin-right: -9px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-quiet-texticon-margin-left: -11px; - --spectrum-tabs-m-quiet-texticon-margin-right: -11px; - --spectrum-tabs-m-quiet-textonly-margin-left: -11px; - --spectrum-tabs-m-quiet-textonly-margin-right: -11px; - --spectrum-tabs-m-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-texticon-margin-left: -11px; - --spectrum-tabs-m-texticon-margin-right: -11px; - --spectrum-tabs-m-textonly-margin-left: -11px; - --spectrum-tabs-m-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-quiet-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-quiet-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-m-compact-texticon-margin-left: -11px; - --spectrum-tabs-m-compact-texticon-margin-right: -11px; - --spectrum-tabs-m-compact-textonly-margin-left: -11px; - --spectrum-tabs-m-compact-textonly-margin-right: -11px; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-texticon-margin-left: -11px; - --spectrum-tabs-l-quiet-texticon-margin-right: -11px; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-quiet-textonly-margin-left: -11px; - --spectrum-tabs-l-quiet-textonly-margin-right: -11px; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-texticon-margin-left: -11px; - --spectrum-tabs-l-texticon-margin-right: -11px; - --spectrum-tabs-l-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-textonly-margin-left: -11px; - --spectrum-tabs-l-textonly-margin-right: -11px; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-quiet-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-quiet-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-emphasized-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-emphasized-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-emphasized-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-emphasized-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-texticon-margin-left: -11px; - --spectrum-tabs-l-compact-texticon-margin-right: -11px; - --spectrum-tabs-l-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-textonly-margin-left: -11px; - --spectrum-tabs-l-compact-textonly-margin-right: -11px; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-quiet-texticon-margin-left: -12px; - --spectrum-tabs-xl-quiet-texticon-margin-right: -12px; - --spectrum-tabs-xl-quiet-textonly-margin-left: -12px; - --spectrum-tabs-xl-quiet-textonly-margin-right: -12px; - --spectrum-tabs-xl-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-texticon-margin-left: -12px; - --spectrum-tabs-xl-texticon-margin-right: -12px; - --spectrum-tabs-xl-textonly-margin-left: -12px; - --spectrum-tabs-xl-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-right: -12px; - --spectrum-tabs-xl-compact-texticon-margin-left: -12px; - --spectrum-tabs-xl-compact-texticon-margin-right: -12px; - --spectrum-tabs-xl-compact-textonly-margin-left: -12px; - --spectrum-tabs-xl-compact-textonly-margin-right: -12px; - --spectrum-tag-m-removable-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-tag-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-s-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textarea-s-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-s-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-m-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-quiet-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textarea-l-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-l-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textarea-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-textfield-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-texticon-padding-left: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-texticon-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-l-textonly-text-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-static-size-150); - --spectrum-textfield-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-textfield-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-50); - --spectrum-textfield-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-50); - --spectrum-tooltip-neutral-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-info-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-positive-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-tooltip-negative-text-margin-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-treeview-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-85); - --spectrum-treeview-l-item-icon-size: var(--spectrum-global-dimension-static-size-300); - --spectrum-treeview-l-item-text-padding-top: var(--spectrum-global-dimension-static-size-150); -} diff --git a/components/vars/css/scales/spectrum-medium.css b/components/vars/css/scales/spectrum-medium.css deleted file mode 100644 index 8ebeb0fcc44..00000000000 --- a/components/vars/css/scales/spectrum-medium.css +++ /dev/null @@ -1,2313 +0,0 @@ -:root { - --spectrum-global-dimension-scale-factor: 1; - --spectrum-global-dimension-size-0: 0px; - --spectrum-global-dimension-size-10: 1px; - --spectrum-global-dimension-size-25: 2px; - --spectrum-global-dimension-size-30: 2px; - --spectrum-global-dimension-size-40: 3px; - --spectrum-global-dimension-size-50: 4px; - --spectrum-global-dimension-size-65: 5px; - --spectrum-global-dimension-size-75: 6px; - --spectrum-global-dimension-size-85: 7px; - --spectrum-global-dimension-size-100: 8px; - --spectrum-global-dimension-size-115: 9px; - --spectrum-global-dimension-size-125: 10px; - --spectrum-global-dimension-size-130: 11px; - --spectrum-global-dimension-size-150: 12px; - --spectrum-global-dimension-size-160: 13px; - --spectrum-global-dimension-size-175: 14px; - --spectrum-global-dimension-size-185: 15px; - --spectrum-global-dimension-size-200: 16px; - --spectrum-global-dimension-size-225: 18px; - --spectrum-global-dimension-size-250: 20px; - --spectrum-global-dimension-size-275: 22px; - --spectrum-global-dimension-size-300: 24px; - --spectrum-global-dimension-size-325: 26px; - --spectrum-global-dimension-size-350: 28px; - --spectrum-global-dimension-size-400: 32px; - --spectrum-global-dimension-size-450: 36px; - --spectrum-global-dimension-size-500: 40px; - --spectrum-global-dimension-size-550: 44px; - --spectrum-global-dimension-size-600: 48px; - --spectrum-global-dimension-size-650: 52px; - --spectrum-global-dimension-size-675: 54px; - --spectrum-global-dimension-size-700: 56px; - --spectrum-global-dimension-size-750: 60px; - --spectrum-global-dimension-size-800: 64px; - --spectrum-global-dimension-size-900: 72px; - --spectrum-global-dimension-size-1000: 80px; - --spectrum-global-dimension-size-1125: 90px; - --spectrum-global-dimension-size-1200: 96px; - --spectrum-global-dimension-size-1250: 100px; - --spectrum-global-dimension-size-1600: 128px; - --spectrum-global-dimension-size-1700: 136px; - --spectrum-global-dimension-size-1800: 144px; - --spectrum-global-dimension-size-2000: 160px; - --spectrum-global-dimension-size-2400: 192px; - --spectrum-global-dimension-size-2500: 200px; - --spectrum-global-dimension-size-3000: 240px; - --spectrum-global-dimension-size-3400: 272px; - --spectrum-global-dimension-size-3600: 288px; - --spectrum-global-dimension-size-4600: 368px; - --spectrum-global-dimension-size-5000: 400px; - --spectrum-global-dimension-size-6000: 480px; - --spectrum-global-dimension-font-size-25: 10px; - --spectrum-global-dimension-font-size-50: 11px; - --spectrum-global-dimension-font-size-75: 12px; - --spectrum-global-dimension-font-size-100: 14px; - --spectrum-global-dimension-font-size-150: 15px; - --spectrum-global-dimension-font-size-200: 16px; - --spectrum-global-dimension-font-size-300: 18px; - --spectrum-global-dimension-font-size-400: 20px; - --spectrum-global-dimension-font-size-500: 22px; - --spectrum-global-dimension-font-size-600: 25px; - --spectrum-global-dimension-font-size-700: 28px; - --spectrum-global-dimension-font-size-800: 32px; - --spectrum-global-dimension-font-size-900: 36px; - --spectrum-global-dimension-font-size-1000: 40px; - --spectrum-global-dimension-font-size-1100: 45px; - --spectrum-global-dimension-font-size-1200: 50px; - --spectrum-global-dimension-font-size-1300: 60px; - --spectrum-alias-item-text-padding-top-l: var(--spectrum-global-dimension-size-115); - --spectrum-alias-item-text-padding-bottom-s: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-item-workflow-padding-left-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-rounded-workflow-padding-left-m: var(--spectrum-global-dimension-size-175); - --spectrum-alias-item-rounded-workflow-padding-left-xl: 21px; - --spectrum-alias-item-mark-padding-top-m: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-item-mark-padding-bottom-m: var(--spectrum-global-dimension-static-size-75); - --spectrum-alias-item-mark-padding-left-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-1-size-l: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-1-size-xl: var(--spectrum-global-dimension-size-125); - --spectrum-alias-item-control-2-size-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-height-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-item-control-3-width-s: 23px; - --spectrum-alias-item-control-3-width-m: var(--spectrum-global-dimension-static-size-325); - --spectrum-alias-item-control-3-width-l: 29px; - --spectrum-alias-item-control-3-width-xl: 33px; - --spectrum-alias-item-mark-size-m: var(--spectrum-global-dimension-size-250); - --spectrum-alias-component-focusring-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-control-two-size-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-control-three-height-s: var(--spectrum-global-dimension-size-150); - --spectrum-alias-control-three-width-s: 23px; - --spectrum-alias-control-three-width-m: var(--spectrum-global-dimension-static-size-325); - --spectrum-alias-control-three-width-l: 29px; - --spectrum-alias-control-three-width-xl: 33px; - --spectrum-alias-search-padding-left-m: var(--spectrum-global-dimension-size-125); - --spectrum-alias-focus-ring-border-radius-regular: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-focus-ring-radius-default: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-workflow-icon-size-l: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-chevron-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-chevron-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-chevron-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-chevron-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-chevron-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-chevron-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-50: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-checkmark-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-checkmark-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-checkmark-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-checkmark-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-dash-size-50: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-dash-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-dash-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-dash-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-dash-size-400: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-dash-size-500: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-dash-size-600: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-cross-size-75: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-cross-size-100: var(--spectrum-global-dimension-static-size-100); - --spectrum-alias-ui-icon-cross-size-200: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-cross-size-300: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-400: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-cross-size-500: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-cross-size-600: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-75: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-arrow-size-100: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-arrow-size-200: var(--spectrum-global-dimension-static-size-150); - --spectrum-alias-ui-icon-arrow-size-300: var(--spectrum-global-dimension-static-size-175); - --spectrum-alias-ui-icon-arrow-size-400: var(--spectrum-global-dimension-static-size-200); - --spectrum-alias-ui-icon-arrow-size-500: var(--spectrum-global-dimension-static-size-225); - --spectrum-alias-ui-icon-arrow-size-600: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-ui-icon-triplegripper-size-100-width: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-doublegripper-size-100-height: var(--spectrum-global-dimension-static-size-50); - --spectrum-alias-ui-icon-singlegripper-size-100-height: var(--spectrum-global-dimension-static-size-25); - --spectrum-alias-ui-icon-cornertriangle-size-100: var(--spectrum-global-dimension-static-size-65); - --spectrum-alias-ui-icon-cornertriangle-size-300: var(--spectrum-global-dimension-static-size-85); - --spectrum-alias-ui-icon-asterisk-size-200: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-ui-icon-asterisk-size-300: var(--spectrum-global-dimension-static-size-125); - --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250); - --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350); - --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450); - --spectrum-alias-tag-icon-size-l: var(--spectrum-global-dimension-static-size-250); - --spectrum-alias-tag-focusring-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-dragthumb-swatch-width: var(--spectrum-global-dimension-static-size-150); - --spectrum-dragthumb-swatch-height: var(--spectrum-global-dimension-static-size-200); - --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-actionbutton-s-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-s-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-m-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-actionbutton-l-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-actionbutton-l-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-l-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-actionbutton-xl-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-badge-s-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-s-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-badge-m-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-informative-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-negative-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-positive-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-purple-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-m-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-badge-l-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-indigo-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-informative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-magenta-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-negative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-neutral-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-positive-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-purple-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-seafoam-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-badge-l-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-badge-l-yellow-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-breadcrumb-s-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-breadcrumb-s-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-breadcrumb-s-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-m-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-multiline-item-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-l-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-breadcrumb-l-item-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-breadcrumb-l-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-texticon-padding-left: 21px; - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-s-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-m-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-button-l-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-l-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-texticon-padding-left: 21px; - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-button-xl-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-checkbox-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-checkbox-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-checkbox-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-checkbox-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-125); - --spectrum-colorloupe-offset-y: var(--spectrum-global-dimension-static-size-125); - --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-150); - --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-150); - --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-size-2400); - --spectrum-colorwheel-min-height: var(--spectrum-global-dimension-size-2400); - --spectrum-combobox-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-combobox-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-combobox-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-dialog-confirm-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-destructive-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-error-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-info-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreen-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-fullscreen-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-fullscreen-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-fullscreen-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-fullscreen-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-dialog-fullscreentakeover-title-text-size: var(--spectrum-alias-heading-s-text-size); - --spectrum-dialog-fullscreentakeover-description-text-size: var(--spectrum-global-dimension-font-size-100); - --spectrum-dialog-fullscreentakeover-description-margin-bottom: var(--spectrum-global-dimension-static-size-600); - --spectrum-dialog-fullscreentakeover-max-width: var(--spectrum-global-dimension-static-size-6000); - --spectrum-dialog-fullscreentakeover-padding: var(--spectrum-global-dimension-static-size-500); - --spectrum-helptext-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-helptext-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-helptext-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-helptext-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-infieldbutton-l-left-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-infieldbutton-l-right-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-infieldbutton-l-none-fill-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-listitem-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-listitem-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-texticon-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textonly-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-listitem-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-listitem-l-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-meter-s-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-negative-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-negative-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-notice-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-notice-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-s-positive-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-s-positive-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-meter-m-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-negative-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-notice-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-m-positive-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-meter-l-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-negative-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-notice-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-l-positive-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-meter-xl-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-negative-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-notice-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-meter-xl-positive-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-pagination-page-button-line-height: 26px; - --spectrum-pagination-button-page-button-line-height: 26px; - --spectrum-pagination-explicit-page-button-line-height: 26px; - --spectrum-pagination-listing-page-button-line-height: 26px; - --spectrum-panel-s-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-s-spacious-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-panel-l-spacious-header-height: var(--spectrum-global-dimension-size-600); - --spectrum-picker-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-picker-s-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-s-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-picker-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-picker-m-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-m-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-picker-l-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-picker-l-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-l-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-picker-xl-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-s-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-s-border-radius: var(--spectrum-global-dimension-static-size-25); - --spectrum-progressbar-m-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-m-border-radius: var(--spectrum-global-dimension-static-size-40); - --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-l-value-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-progressbar-xl-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progressbar-xl-border-radius: var(--spectrum-global-dimension-static-size-65); - --spectrum-progresscircle-s-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-indeterminate-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-overbackground-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-s-border-size: var(--spectrum-global-dimension-static-size-25); - --spectrum-progresscircle-m-indeterminate-overbackground-border-size: 3px; - --spectrum-progresscircle-m-indeterminate-border-size: 3px; - --spectrum-progresscircle-m-overbackground-border-size: 3px; - --spectrum-progresscircle-m-border-size: 3px; - --spectrum-radio-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-radio-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-radio-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-radio-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-radio-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-search-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-search-s-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-s-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-m-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-search-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-search-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-search-l-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-l-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-touch-hit-x: var(--spectrum-global-dimension-size-100); - --spectrum-search-xl-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-searchwithin-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-searchwithin-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-searchwithin-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-searchwithin-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-searchwithin-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-sidenav-multilevel-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-multilevel-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-sidenav-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25); - --spectrum-slider-s-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-slider-s-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-s-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-s-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-m-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-m-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-slider-l-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-l-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-l-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100); - --spectrum-slider-xl-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200); - --spectrum-slider-xl-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200); - --spectrum-statuslight-s-celery-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-indigo-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-info-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-magenta-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-neutral-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-negative-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-notice-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-positive-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-purple-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-seafoam-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-s-yellow-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-statuslight-l-celery-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-celery-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-chartreuse-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-fuchsia-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-indigo-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-indigo-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-info-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-info-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-magenta-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-magenta-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-neutral-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-neutral-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-negative-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-negative-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-notice-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-notice-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-positive-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-positive-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-purple-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-purple-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-seafoam-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-seafoam-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-l-yellow-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-l-yellow-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-statuslight-xl-celery-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-chartreuse-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-fuchsia-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-indigo-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-info-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-magenta-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-neutral-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-negative-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-notice-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-positive-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-purple-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-seafoam-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-statuslight-xl-yellow-dot-size: var(--spectrum-global-dimension-size-125); - --spectrum-switch-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-switch-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-switch-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-switch-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-switch-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-tabs-s-quiet-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-quiet-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-quiet-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-quiet-texticon-margin-left: -7px; - --spectrum-tabs-s-quiet-texticon-margin-right: -7px; - --spectrum-tabs-s-quiet-textonly-margin-left: -7px; - --spectrum-tabs-s-quiet-textonly-margin-right: -7px; - --spectrum-tabs-s-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-texticon-margin-left: -7px; - --spectrum-tabs-s-texticon-margin-right: -7px; - --spectrum-tabs-s-textonly-margin-left: -7px; - --spectrum-tabs-s-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-quiet-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-quiet-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-emphasized-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-emphasized-textonly-margin-right: -7px; - --spectrum-tabs-s-compact-texticon-margin-left: -7px; - --spectrum-tabs-s-compact-texticon-margin-right: -7px; - --spectrum-tabs-s-compact-textonly-margin-left: -7px; - --spectrum-tabs-s-compact-textonly-margin-right: -7px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-quiet-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-quiet-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-quiet-texticon-margin-left: -8px; - --spectrum-tabs-m-quiet-texticon-margin-right: -8px; - --spectrum-tabs-m-quiet-textonly-margin-left: -8px; - --spectrum-tabs-m-quiet-textonly-margin-right: -8px; - --spectrum-tabs-m-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-texticon-margin-left: -8px; - --spectrum-tabs-m-texticon-margin-right: -8px; - --spectrum-tabs-m-textonly-margin-left: -8px; - --spectrum-tabs-m-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-quiet-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-quiet-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-emphasized-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-emphasized-textonly-margin-right: -8px; - --spectrum-tabs-m-compact-texticon-margin-left: -8px; - --spectrum-tabs-m-compact-texticon-margin-right: -8px; - --spectrum-tabs-m-compact-textonly-margin-left: -8px; - --spectrum-tabs-m-compact-textonly-margin-right: -8px; - --spectrum-tabs-l-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-texticon-margin-left: -9px; - --spectrum-tabs-l-quiet-texticon-margin-right: -9px; - --spectrum-tabs-l-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-quiet-textonly-margin-left: -9px; - --spectrum-tabs-l-quiet-textonly-margin-right: -9px; - --spectrum-tabs-l-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-texticon-margin-left: -9px; - --spectrum-tabs-l-texticon-margin-right: -9px; - --spectrum-tabs-l-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-textonly-margin-left: -9px; - --spectrum-tabs-l-textonly-margin-right: -9px; - --spectrum-tabs-l-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-quiet-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-quiet-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-emphasized-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-emphasized-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-emphasized-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-emphasized-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-texticon-margin-left: -9px; - --spectrum-tabs-l-compact-texticon-margin-right: -9px; - --spectrum-tabs-l-compact-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-textonly-margin-left: -9px; - --spectrum-tabs-l-compact-textonly-margin-right: -9px; - --spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-quiet-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-emphasized-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-emphasized-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-texticon-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-l-compact-vertical-textonly-tabitem-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-quiet-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-quiet-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-quiet-texticon-margin-left: -10px; - --spectrum-tabs-xl-quiet-texticon-margin-right: -10px; - --spectrum-tabs-xl-quiet-textonly-margin-left: -10px; - --spectrum-tabs-xl-quiet-textonly-margin-right: -10px; - --spectrum-tabs-xl-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-texticon-margin-left: -10px; - --spectrum-tabs-xl-texticon-margin-right: -10px; - --spectrum-tabs-xl-textonly-margin-left: -10px; - --spectrum-tabs-xl-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-quiet-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-emphasized-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-emphasized-textonly-margin-right: -10px; - --spectrum-tabs-xl-compact-texticon-margin-left: -10px; - --spectrum-tabs-xl-compact-texticon-margin-right: -10px; - --spectrum-tabs-xl-compact-textonly-margin-left: -10px; - --spectrum-tabs-xl-compact-textonly-margin-right: -10px; - --spectrum-tag-m-removable-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-tag-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-textarea-s-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textarea-s-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textarea-l-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textarea-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-textfield-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-texticon-padding-left: var(--spectrum-global-dimension-size-125); - --spectrum-textfield-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115); - --spectrum-textfield-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-textfield-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100); - --spectrum-textfield-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100); - --spectrum-tooltip-neutral-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-info-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-positive-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-tooltip-negative-text-margin-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-treeview-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65); - --spectrum-treeview-l-item-icon-size: var(--spectrum-global-dimension-static-size-250); - --spectrum-treeview-l-item-text-padding-top: var(--spectrum-global-dimension-size-115); -} diff --git a/components/vars/css/themes/spectrum-dark.css b/components/vars/css/themes/spectrum-dark.css deleted file mode 100644 index bf59e31f84d..00000000000 --- a/components/vars/css/themes/spectrum-dark.css +++ /dev/null @@ -1,213 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 34, 184, 51; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 68, 202, 73; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 105, 220, 99; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 142, 235, 127; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 148, 192, 8; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 166, 211, 18; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 184, 229, 37; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 205, 245, 71; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 228, 194, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 244, 213, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 249, 232, 92; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 252, 246, 187; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 222, 61, 130; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 237, 87, 149; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 249, 114, 167; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 255, 143, 185; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 205, 57, 206; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 223, 81, 224; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 235, 110, 236; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 244, 140, 242; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 157, 87, 243; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 172, 111, 249; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 187, 135, 251; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 202, 159, 252; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 104, 109, 244; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 124, 129, 251; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 145, 149, 255; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 167, 170, 255; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 158, 152; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 3, 178, 171; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 54, 197, 189; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 93, 214, 207; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 234, 56, 41; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 246, 88, 67; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 255, 117, 94; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 255, 149, 129; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 244, 129, 12; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 254, 154, 46; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 255, 181, 88; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 253, 206, 136; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 18, 162, 108; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 43, 180, 125; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 67, 199, 143; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 94, 217, 162; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 52, 143, 244; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 84, 163, 246; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 114, 183, 249; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 143, 202, 252; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 29, 29, 29; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 38, 38, 38; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 50, 50, 50; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 63, 63, 63; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 84, 84, 84; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 112, 112, 112; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 144, 144, 144; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 178, 178, 178; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 209, 209, 209; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 235, 235, 235; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 255, 255, 255; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.5); - --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06); - --spectrum-alias-highlight-hover: rgba(255,255,255,0.07); - --spectrum-alias-highlight-down: rgba(255,255,255,0.1); - --spectrum-alias-highlight-selected: rgba(84,163,246,0.15); - --spectrum-alias-highlight-selected-hover: rgba(84,163,246,0.25); - --spectrum-alias-text-highlight-color: rgba(84,163,246,0.25); - --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-600); - --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(235,235,235,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); - --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-well-background-color: rgba(235,235,235,0.02); - --spectrum-well-border-color: rgba(255,255,255,0.05); -} diff --git a/components/vars/css/themes/spectrum-darkest.css b/components/vars/css/themes/spectrum-darkest.css deleted file mode 100644 index d16595b7fb8..00000000000 --- a/components/vars/css/themes/spectrum-darkest.css +++ /dev/null @@ -1,212 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 13, 171, 37; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 45, 191, 58; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 80, 208, 82; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 115, 224, 107; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 138, 180, 3; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 154, 198, 11; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 170, 216, 22; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 187, 232, 41; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 216, 181, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 233, 199, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 247, 216, 4; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 249, 233, 97; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 209, 43, 114; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 227, 69, 137; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 241, 97, 156; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 252, 124, 173; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 191, 43, 191; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 211, 65, 213; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 228, 91, 229; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 239, 120, 238; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 145, 70, 236; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 162, 94, 246; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 178, 119, 250; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 192, 143, 252; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 90, 96, 235; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 110, 115, 246; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 132, 136, 253; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 153, 157, 255; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 146, 140; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 165, 159; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 26, 185, 178; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 66, 202, 195; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 221, 33, 24; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 238, 67, 49; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 249, 99, 76; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 255, 129, 107; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 232, 116, 0; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 249, 137, 23; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 255, 162, 59; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 255, 188, 102; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 149, 98; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 28, 168, 114; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 52, 187, 132; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 75, 205, 149; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 29, 128, 245; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 64, 150, 243; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 94, 170, 247; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 124, 189, 250; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 0, 0, 0; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 14, 14, 14; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 29, 29, 29; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 48, 48, 48; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 75, 75, 75; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 106, 106, 106; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 141, 141, 141; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 176, 176, 176; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 208, 208, 208; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 235, 235, 235; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 255, 255, 255; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.8); - --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.08); - --spectrum-alias-highlight-hover: rgba(255,255,255,0.08); - --spectrum-alias-highlight-down: rgba(255,255,255,0.15); - --spectrum-alias-highlight-selected: rgba(64,150,243,0.2); - --spectrum-alias-highlight-selected-hover: rgba(64,150,243,0.3); - --spectrum-alias-text-highlight-color: rgba(64,150,243,0.3); - --spectrum-alias-background-color-quickactions: rgba(29,29,29,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-600); - --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(235,235,235,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); - --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-100); - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(235,235,235,0.6); - --spectrum-well-background-color: rgba(235,235,235,0.02); -} diff --git a/components/vars/css/themes/spectrum-light.css b/components/vars/css/themes/spectrum-light.css deleted file mode 100644 index 6c6db2a578c..00000000000 --- a/components/vars/css/themes/spectrum-light.css +++ /dev/null @@ -1,212 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 39, 187, 54; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 7, 167, 33; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 0, 145, 18; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 0, 124, 15; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 152, 197, 10; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 135, 177, 3; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 118, 156, 0; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 103, 136, 0; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 232, 198, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 215, 179, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 196, 159, 0; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 176, 140, 0; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 222, 61, 130; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 200, 34, 105; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 173, 9, 85; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 142, 0, 69; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 205, 58, 206; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 182, 34, 183; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 157, 3, 158; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 128, 0, 129; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 157, 87, 244; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 137, 61, 231; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 115, 38, 211; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 93, 19, 183; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 104, 109, 244; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 82, 88, 228; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 64, 70, 202; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 50, 54, 168; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 161, 154; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 140, 135; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 0, 119, 114; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 0, 99, 95; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 234, 56, 41; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 211, 21, 16; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 180, 0, 0; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 147, 0, 0; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 246, 133, 17; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 228, 111, 0; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 203, 93, 0; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 177, 76, 0; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 143, 93; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 0, 122, 77; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 0, 101, 62; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 0, 81, 50; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 20, 122, 243; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 2, 101, 220; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 0, 84, 182; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 0, 68, 145; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 255, 255, 255; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 253, 253, 253; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 248, 248, 248; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 230, 230, 230; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 213, 213, 213; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 177, 177, 177; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 144, 144, 144; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 109, 109, 109; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 70, 70, 70; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 34, 34, 34; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15); - --spectrum-alias-background-color-hover-overlay: rgba(0,0,0,0.04); - --spectrum-alias-highlight-hover: rgba(0,0,0,0.06); - --spectrum-alias-highlight-down: rgba(0,0,0,0.1); - --spectrum-alias-highlight-selected: rgba(2,101,220,0.1); - --spectrum-alias-highlight-selected-hover: rgba(2,101,220,0.2); - --spectrum-alias-text-highlight-color: rgba(2,101,220,0.2); - --spectrum-alias-background-color-quickactions: rgba(248,248,248,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-border-color-translucent: rgba(0,0,0,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(34,34,34,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-75); - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(34,34,34,0.6); - --spectrum-well-background-color: rgba(34,34,34,0.02); -} diff --git a/components/vars/css/themes/spectrum-lightest.css b/components/vars/css/themes/spectrum-lightest.css deleted file mode 100644 index 45a37c13142..00000000000 --- a/components/vars/css/themes/spectrum-lightest.css +++ /dev/null @@ -1,160 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 48, 193, 61; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 15, 172, 38; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 0, 150, 20; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 0, 128, 15; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 157, 203, 13; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 139, 182, 4; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 122, 162, 0; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 106, 141, 0; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 238, 205, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 221, 185, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 201, 164, 0; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 181, 144, 0; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 226, 68, 135; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 205, 40, 111; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 179, 15, 89; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 149, 0, 72; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 211, 63, 212; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 188, 39, 187; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 163, 10, 163; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 135, 0, 136; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 161, 93, 246; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 142, 67, 234; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 120, 43, 216; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 98, 23, 190; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 109, 115, 246; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 87, 93, 232; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 68, 74, 208; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 53, 58, 176; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 166, 160; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 145, 139; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 0, 124, 118; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 0, 103, 99; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 237, 64, 48; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 217, 28, 21; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 187, 2, 2; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 154, 0, 0; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 250, 139, 26; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 233, 117, 0; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 209, 97, 0; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 182, 80, 0; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 148, 97; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 0, 126, 80; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 0, 105, 65; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 0, 86, 53; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 27, 127, 245; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 4, 105, 227; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 0, 87, 190; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 0, 72, 153; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 255, 255, 255; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 255, 255, 255; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 255, 255, 255; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 235, 235, 235; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 217, 217, 217; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 179, 179, 179; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 146, 146, 146; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 110, 110, 110; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 71, 71, 71; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 34, 34, 34; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15); - --spectrum-alias-background-color-hover-overlay: rgba(0,0,0,0.04); - --spectrum-alias-highlight-hover: rgba(0,0,0,0.06); - --spectrum-alias-highlight-down: rgba(0,0,0,0.1); - --spectrum-alias-highlight-selected: rgba(4,105,227,0.1); - --spectrum-alias-highlight-selected-hover: rgba(4,105,227,0.2); - --spectrum-alias-text-highlight-color: rgba(4,105,227,0.2); - --spectrum-alias-background-color-quickactions: rgba(255,255,255,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-border-color-translucent: rgba(0,0,0,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(34,34,34,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300); -} diff --git a/components/vars/css/themes/spectrum-middark.css b/components/vars/css/themes/spectrum-middark.css deleted file mode 100644 index 59f3bc113f6..00000000000 --- a/components/vars/css/themes/spectrum-middark.css +++ /dev/null @@ -1,212 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 45, 190, 58; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 78, 207, 80; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 112, 223, 104; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 146, 237, 130; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 153, 197, 10; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 169, 215, 21; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 186, 232, 40; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 206, 246, 75; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 232, 197, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 246, 215, 2; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 249, 234, 99; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 253, 246, 191; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 231, 75, 141; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 242, 99, 157; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 252, 123, 173; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 255, 150, 189; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 216, 70, 217; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 229, 93, 230; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 239, 120, 238; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 246, 147, 243; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 166, 100, 247; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 179, 121, 250; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 192, 143, 252; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 205, 165, 253; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 115, 120, 248; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 133, 138, 253; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 152, 157, 255; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 172, 176, 255; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 167, 160; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 25, 184, 177; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 64, 201, 194; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 100, 217, 210; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 241, 74, 55; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 250, 101, 79; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 255, 129, 107; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 255, 156, 137; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 248, 137, 22; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 255, 161, 57; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 255, 186, 97; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 253, 208, 142; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 30, 170, 116; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 51, 187, 131; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 74, 204, 148; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 101, 221, 167; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 66, 152, 244; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 94, 170, 247; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 122, 188, 250; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 149, 205, 252; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 57, 57, 57; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 65, 65, 65; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 75, 75, 75; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 83, 83, 83; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 99, 99, 99; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 122, 122, 122; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 151, 151, 151; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 182, 182, 182; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 212, 212, 212; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 236, 236, 236; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 255, 255, 255; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.3); - --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.05); - --spectrum-alias-highlight-hover: rgba(255,255,255,0.06); - --spectrum-alias-highlight-down: rgba(255,255,255,0.1); - --spectrum-alias-highlight-selected: rgba(94,170,247,0.1); - --spectrum-alias-highlight-selected-hover: rgba(94,170,247,0.2); - --spectrum-alias-text-highlight-color: rgba(94,170,247,0.2); - --spectrum-alias-background-color-quickactions: rgba(75,75,75,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-600); - --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(236,236,236,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); - --spectrum-scrollbar-mac-s-track-background-color: transparent; - --spectrum-scrollbar-mac-m-track-background-color: transparent; - --spectrum-scrollbar-mac-l-track-background-color: transparent; - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(236,236,236,0.6); - --spectrum-well-background-color: rgba(236,236,236,0.02); -} diff --git a/components/vars/css/themes/spectrum-midlight.css b/components/vars/css/themes/spectrum-midlight.css deleted file mode 100644 index 0be8a7488a4..00000000000 --- a/components/vars/css/themes/spectrum-midlight.css +++ /dev/null @@ -1,213 +0,0 @@ -:root { - --spectrum-global-color-status: Verified; - --spectrum-global-color-version: 5.1.0; - --spectrum-global-color-opacity-100: 1; - --spectrum-global-color-opacity-90: 0.9; - --spectrum-global-color-opacity-80: 0.8; - --spectrum-global-color-opacity-70: 0.7; - --spectrum-global-color-opacity-60: 0.6; - --spectrum-global-color-opacity-55: 0.55; - --spectrum-global-color-opacity-50: 0.5; - --spectrum-global-color-opacity-42: 0.42; - --spectrum-global-color-opacity-40: 0.4; - --spectrum-global-color-opacity-30: 0.3; - --spectrum-global-color-opacity-25: 0.25; - --spectrum-global-color-opacity-20: 0.2; - --spectrum-global-color-opacity-15: 0.15; - --spectrum-global-color-opacity-10: 0.1; - --spectrum-global-color-opacity-8: 0.08; - --spectrum-global-color-opacity-7: 0.07; - --spectrum-global-color-opacity-6: 0.06; - --spectrum-global-color-opacity-5: 0.05; - --spectrum-global-color-opacity-4: 0.04; - --spectrum-global-color-opacity-0: 0.00; - --spectrum-global-color-celery-400-rgb: 7, 167, 33; - --spectrum-global-color-celery-400: rgb(var(--spectrum-global-color-celery-400-rgb)); - --spectrum-global-color-celery-500-rgb: 0, 148, 19; - --spectrum-global-color-celery-500: rgb(var(--spectrum-global-color-celery-500-rgb)); - --spectrum-global-color-celery-600-rgb: 0, 127, 15; - --spectrum-global-color-celery-600: rgb(var(--spectrum-global-color-celery-600-rgb)); - --spectrum-global-color-celery-700-rgb: 0, 107, 15; - --spectrum-global-color-celery-700: rgb(var(--spectrum-global-color-celery-700-rgb)); - --spectrum-global-color-chartreuse-400-rgb: 134, 175, 2; - --spectrum-global-color-chartreuse-400: rgb(var(--spectrum-global-color-chartreuse-400-rgb)); - --spectrum-global-color-chartreuse-500-rgb: 119, 157, 0; - --spectrum-global-color-chartreuse-500: rgb(var(--spectrum-global-color-chartreuse-500-rgb)); - --spectrum-global-color-chartreuse-600-rgb: 104, 138, 0; - --spectrum-global-color-chartreuse-600: rgb(var(--spectrum-global-color-chartreuse-600-rgb)); - --spectrum-global-color-chartreuse-700-rgb: 90, 119, 0; - --spectrum-global-color-chartreuse-700: rgb(var(--spectrum-global-color-chartreuse-700-rgb)); - --spectrum-global-color-yellow-400-rgb: 211, 175, 0; - --spectrum-global-color-yellow-400: rgb(var(--spectrum-global-color-yellow-400-rgb)); - --spectrum-global-color-yellow-500-rgb: 194, 157, 0; - --spectrum-global-color-yellow-500: rgb(var(--spectrum-global-color-yellow-500-rgb)); - --spectrum-global-color-yellow-600-rgb: 176, 140, 0; - --spectrum-global-color-yellow-600: rgb(var(--spectrum-global-color-yellow-600-rgb)); - --spectrum-global-color-yellow-700-rgb: 157, 122, 0; - --spectrum-global-color-yellow-700: rgb(var(--spectrum-global-color-yellow-700-rgb)); - --spectrum-global-color-magenta-400-rgb: 204, 39, 110; - --spectrum-global-color-magenta-400: rgb(var(--spectrum-global-color-magenta-400-rgb)); - --spectrum-global-color-magenta-500-rgb: 179, 15, 88; - --spectrum-global-color-magenta-500: rgb(var(--spectrum-global-color-magenta-500-rgb)); - --spectrum-global-color-magenta-600-rgb: 149, 0, 72; - --spectrum-global-color-magenta-600: rgb(var(--spectrum-global-color-magenta-600-rgb)); - --spectrum-global-color-magenta-700-rgb: 116, 0, 57; - --spectrum-global-color-magenta-700: rgb(var(--spectrum-global-color-magenta-700-rgb)); - --spectrum-global-color-fuchsia-400-rgb: 186, 38, 186; - --spectrum-global-color-fuchsia-400: rgb(var(--spectrum-global-color-fuchsia-400-rgb)); - --spectrum-global-color-fuchsia-500-rgb: 163, 9, 163; - --spectrum-global-color-fuchsia-500: rgb(var(--spectrum-global-color-fuchsia-500-rgb)); - --spectrum-global-color-fuchsia-600-rgb: 134, 0, 135; - --spectrum-global-color-fuchsia-600: rgb(var(--spectrum-global-color-fuchsia-600-rgb)); - --spectrum-global-color-fuchsia-700-rgb: 104, 4, 104; - --spectrum-global-color-fuchsia-700: rgb(var(--spectrum-global-color-fuchsia-700-rgb)); - --spectrum-global-color-purple-400-rgb: 141, 66, 233; - --spectrum-global-color-purple-400: rgb(var(--spectrum-global-color-purple-400-rgb)); - --spectrum-global-color-purple-500-rgb: 120, 42, 216; - --spectrum-global-color-purple-500: rgb(var(--spectrum-global-color-purple-500-rgb)); - --spectrum-global-color-purple-600-rgb: 97, 22, 190; - --spectrum-global-color-purple-600: rgb(var(--spectrum-global-color-purple-600-rgb)); - --spectrum-global-color-purple-700-rgb: 74, 12, 153; - --spectrum-global-color-purple-700: rgb(var(--spectrum-global-color-purple-700-rgb)); - --spectrum-global-color-indigo-400-rgb: 86, 92, 231; - --spectrum-global-color-indigo-400: rgb(var(--spectrum-global-color-indigo-400-rgb)); - --spectrum-global-color-indigo-500-rgb: 68, 73, 208; - --spectrum-global-color-indigo-500: rgb(var(--spectrum-global-color-indigo-500-rgb)); - --spectrum-global-color-indigo-600-rgb: 52, 57, 176; - --spectrum-global-color-indigo-600: rgb(var(--spectrum-global-color-indigo-600-rgb)); - --spectrum-global-color-indigo-700-rgb: 39, 43, 139; - --spectrum-global-color-indigo-700: rgb(var(--spectrum-global-color-indigo-700-rgb)); - --spectrum-global-color-seafoam-400-rgb: 0, 142, 136; - --spectrum-global-color-seafoam-400: rgb(var(--spectrum-global-color-seafoam-400-rgb)); - --spectrum-global-color-seafoam-500-rgb: 0, 122, 117; - --spectrum-global-color-seafoam-500: rgb(var(--spectrum-global-color-seafoam-500-rgb)); - --spectrum-global-color-seafoam-600-rgb: 0, 103, 99; - --spectrum-global-color-seafoam-600: rgb(var(--spectrum-global-color-seafoam-600-rgb)); - --spectrum-global-color-seafoam-700-rgb: 10, 83, 80; - --spectrum-global-color-seafoam-700: rgb(var(--spectrum-global-color-seafoam-700-rgb)); - --spectrum-global-color-red-400-rgb: 216, 26, 19; - --spectrum-global-color-red-400: rgb(var(--spectrum-global-color-red-400-rgb)); - --spectrum-global-color-red-500-rgb: 187, 2, 2; - --spectrum-global-color-red-500: rgb(var(--spectrum-global-color-red-500-rgb)); - --spectrum-global-color-red-600-rgb: 153, 0, 0; - --spectrum-global-color-red-600: rgb(var(--spectrum-global-color-red-600-rgb)); - --spectrum-global-color-red-700-rgb: 120, 0, 0; - --spectrum-global-color-red-700: rgb(var(--spectrum-global-color-red-700-rgb)); - --spectrum-global-color-orange-400-rgb: 228, 111, 0; - --spectrum-global-color-orange-400: rgb(var(--spectrum-global-color-orange-400-rgb)); - --spectrum-global-color-orange-500-rgb: 205, 95, 0; - --spectrum-global-color-orange-500: rgb(var(--spectrum-global-color-orange-500-rgb)); - --spectrum-global-color-orange-600-rgb: 181, 79, 0; - --spectrum-global-color-orange-600: rgb(var(--spectrum-global-color-orange-600-rgb)); - --spectrum-global-color-orange-700-rgb: 155, 64, 0; - --spectrum-global-color-orange-700: rgb(var(--spectrum-global-color-orange-700-rgb)); - --spectrum-global-color-green-400-rgb: 0, 125, 79; - --spectrum-global-color-green-400: rgb(var(--spectrum-global-color-green-400-rgb)); - --spectrum-global-color-green-500-rgb: 0, 105, 65; - --spectrum-global-color-green-500: rgb(var(--spectrum-global-color-green-500-rgb)); - --spectrum-global-color-green-600-rgb: 0, 85, 52; - --spectrum-global-color-green-600: rgb(var(--spectrum-global-color-green-600-rgb)); - --spectrum-global-color-green-700-rgb: 5, 65, 40; - --spectrum-global-color-green-700: rgb(var(--spectrum-global-color-green-700-rgb)); - --spectrum-global-color-blue-400-rgb: 4, 104, 225; - --spectrum-global-color-blue-400: rgb(var(--spectrum-global-color-blue-400-rgb)); - --spectrum-global-color-blue-500-rgb: 0, 87, 190; - --spectrum-global-color-blue-500: rgb(var(--spectrum-global-color-blue-500-rgb)); - --spectrum-global-color-blue-600-rgb: 0, 71, 152; - --spectrum-global-color-blue-600: rgb(var(--spectrum-global-color-blue-600-rgb)); - --spectrum-global-color-blue-700-rgb: 0, 55, 118; - --spectrum-global-color-blue-700: rgb(var(--spectrum-global-color-blue-700-rgb)); - --spectrum-global-color-gray-50-rgb: 250, 250, 250; - --spectrum-global-color-gray-50: rgb(var(--spectrum-global-color-gray-50-rgb)); - --spectrum-global-color-gray-75-rgb: 239, 239, 239; - --spectrum-global-color-gray-75: rgb(var(--spectrum-global-color-gray-75-rgb)); - --spectrum-global-color-gray-100-rgb: 219, 219, 219; - --spectrum-global-color-gray-100: rgb(var(--spectrum-global-color-gray-100-rgb)); - --spectrum-global-color-gray-200-rgb: 207, 207, 207; - --spectrum-global-color-gray-200: rgb(var(--spectrum-global-color-gray-200-rgb)); - --spectrum-global-color-gray-300-rgb: 195, 195, 195; - --spectrum-global-color-gray-300: rgb(var(--spectrum-global-color-gray-300-rgb)); - --spectrum-global-color-gray-400-rgb: 166, 166, 166; - --spectrum-global-color-gray-400: rgb(var(--spectrum-global-color-gray-400-rgb)); - --spectrum-global-color-gray-500-rgb: 138, 138, 138; - --spectrum-global-color-gray-500: rgb(var(--spectrum-global-color-gray-500-rgb)); - --spectrum-global-color-gray-600-rgb: 106, 106, 106; - --spectrum-global-color-gray-600: rgb(var(--spectrum-global-color-gray-600-rgb)); - --spectrum-global-color-gray-700-rgb: 69, 69, 69; - --spectrum-global-color-gray-700: rgb(var(--spectrum-global-color-gray-700-rgb)); - --spectrum-global-color-gray-800-rgb: 33, 33, 33; - --spectrum-global-color-gray-800: rgb(var(--spectrum-global-color-gray-800-rgb)); - --spectrum-global-color-gray-900-rgb: 0, 0, 0; - --spectrum-global-color-gray-900: rgb(var(--spectrum-global-color-gray-900-rgb)); - --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50); - --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100); - --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300); - --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4); - --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15); - --spectrum-alias-background-color-hover-overlay: rgba(0,0,0,0.04); - --spectrum-alias-highlight-hover: rgba(0,0,0,0.06); - --spectrum-alias-highlight-down: rgba(0,0,0,0.1); - --spectrum-alias-highlight-selected: rgba(0,87,190,0.1); - --spectrum-alias-highlight-selected-hover: rgba(0,87,190,0.2); - --spectrum-alias-text-highlight-color: rgba(0,87,190,0.2); - --spectrum-alias-background-color-quickactions: rgba(219,219,219,0.9); - --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500); - --spectrum-alias-border-color-translucent: rgba(0,0,0,0.1); - --spectrum-alias-radial-reaction-color-default: rgba(33,33,33,0.6); - --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300); - --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300); - --spectrum-scrollbar-mac-s-track-background-color: transparent; - --spectrum-scrollbar-mac-m-track-background-color: transparent; - --spectrum-scrollbar-mac-l-track-background-color: transparent; - --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-range-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-range-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-ramp-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-s-range-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-range-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-range-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-ramp-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-m-range-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-range-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-range-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-ramp-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-l-range-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-ramp-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-slider-xl-range-radial-reaction-color: rgba(33,33,33,0.6); - --spectrum-well-background-color: rgba(33,33,33,0.02); - --spectrum-well-border-color: rgba(0,0,0,0.05); -} diff --git a/components/vars/custom.css b/components/vars/custom.css deleted file mode 100644 index 02fcf6bf6c5..00000000000 --- a/components/vars/custom.css +++ /dev/null @@ -1,21 +0,0 @@ -.spectrum { - --spectrum-colorloupe-express-visibility: none; - --spectrum-colorloupe-spectrum-visibility: block; - --spectrum-colorloupe-outer-border-color: transparent; - --spectrum-colorloupe-outer-border-size: 0; - - --spectrum-colorloupe-outer-stroke-color: var(--spectrum-global-color-static-transparent-black-200); - --spectrum-colorloupe-outer-stroke-width: var(--spectrum-alias-border-size-thick); - - --spectrum-colorhandle-background-offset: calc(-1 * var(--spectrum-global-dimension-static-size-25)); - --spectrum-colorhandle-inner-shadow-color: var(--spectrum-colorhandle-outer-shadow-color); - --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.42); - --spectrum-colorhandle-outer-shadow-blur: 0; - --spectrum-colorhandle-outer-shadow-spread: var(--spectrum-alias-border-size-thin); - - --spectrum-colorcontrol-checkerboard-light-color: var(--spectrum-global-color-static-white); - --spectrum-colorcontrol-checkerboard-dark-color: var(--spectrum-global-color-static-gray-300); - - --spectrum-slider-m-track-inside-border-radius: var(--spectrum-slider-m-track-border-radius); - --spectrum-slider-label-text-size: var(--spectrum-global-dimension-font-size-75); -} diff --git a/components/vars/gulpfile.js b/components/vars/gulpfile.js deleted file mode 100644 index 0ab8960b8bd..00000000000 --- a/components/vars/gulpfile.js +++ /dev/null @@ -1,148 +0,0 @@ -/*! -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -const path = require("path"); - -const gulp = require("gulp"); -const concat = require("gulp-concat"); -const replace = require("gulp-replace"); -const insert = require("gulp-insert"); - -function copyGlobals() { - return gulp - .src([ - "css/globals/*.css", - "!css/globals/spectrum-dimensionAliases.css", - "!css/globals/spectrum-colorAliases.css", - ]) - .pipe(replace(/:root {/, ".spectrum {")) - .pipe(gulp.dest("dist/globals/")); -} - -function copySources() { - const classMap = { - "spectrum-darkest.css": ".spectrum--darkest", - "spectrum-dark.css": ".spectrum--dark", - "spectrum-light.css": ".spectrum--light", - "spectrum-lightest.css": ".spectrum--lightest", - "spectrum-large.css": ".spectrum--large", - "spectrum-medium.css": ".spectrum--medium", - }; - - return gulp - .src(["css/themes/*.css", "css/scales/*.css"]) - .pipe( - replace(":root", function () { - return classMap[path.basename(this.file.path)]; - }) - ) - .pipe(gulp.dest("dist/")); -} - -function concatGlobalsFinal() { - return gulp - .src([ - ".tmp/spectrum-global.css", - "dist/globals/spectrum-dimensionAliases.css", - "dist/globals/spectrum-colorAliases.css", - "custom.css", - ]) - .pipe( - replace(/{/, function () { - if (this.file.path.match("Aliases.css")) { - return `{\n /* ${path.basename(this.file.path)} */`; - } - return "{"; - }) - ) - .pipe(concat("spectrum-global.css")) - .pipe(gulp.dest("dist/")); -} - -function concatGlobalsTemp() { - return gulp - .src([ - "css/globals/*.css", - "!css/globals/index.css", - "!css/globals/spectrum-dimensionAliases.css", - "!css/globals/spectrum-colorAliases.css", - ]) - .pipe( - replace(/:root {/, function () { - return ` /* ${path.basename(this.file.path)} */`; - }) - ) - .pipe(replace(/}/, "")) - .pipe(concat("spectrum-global.css")) - .pipe(insert.prepend(".spectrum {")) - .pipe(insert.append("}\n")) - .pipe(gulp.dest(".tmp/")); -} - -function processColorAliases() { - return gulp - .src(["css/globals/spectrum-colorAliases.css"]) - .pipe( - replace( - /:root/, - ["darkest", "dark", "light", "lightest"] - .map((stop) => `.spectrum--${stop}`) - .join(",\n") - ) - ) - .pipe(gulp.dest("dist/globals/")); -} - -function processDimensionAliases() { - return gulp - .src(["css/globals/spectrum-dimensionAliases.css"]) - .pipe( - replace( - /:root/, - ["medium", "large"].map((scale) => `.spectrum--${scale}`).join(",\n") - ) - ) - .pipe(gulp.dest("dist/globals/")); -} - -function copyComponents() { - return gulp - .src(["!css/components/index.css", "css/components/*.css"]) - .pipe(replace(/:root/, ".spectrum")) - .pipe(gulp.dest("dist/components/")); -} - -function copyMetadata() { - return gulp.src("json/spectrum-metadata.json").pipe(gulp.dest("dist/")); -} - -const build = gulp.series( - gulp.parallel( - copyMetadata, - copyGlobals, - copySources, - copyComponents, - concatGlobalsTemp, - processColorAliases, - processDimensionAliases - ), - concatGlobalsFinal -); - -exports.update = require("./tasks/updateDNA").updateDNA; - -exports.default = build; -exports.build = - exports.buildLite = - exports.buildHeavy = - exports.buildMedium = - build; diff --git a/components/vars/json/spectrum-metadata.json b/components/vars/json/spectrum-metadata.json deleted file mode 100644 index 7316fcd837f..00000000000 --- a/components/vars/json/spectrum-metadata.json +++ /dev/null @@ -1,9153 +0,0 @@ -{ - "dna-version": "11.8.0", - "spectrum-accordion-name": "Accordion (default)", - "spectrum-accordion-description": "Accordion with no options", - "spectrum-accordion-status": "Contribution", - "spectrum-accordion-version": "1.0.0", - "spectrum-actionbar-name": "ActionBar (default)", - "spectrum-actionbar-description": "ActionBar with no options", - "spectrum-actionbar-status": "Verified", - "spectrum-actionbar-version": "2.0.0", - "spectrum-actionbutton-s-quiet-emphasized-texticon-name": "ActionButton (s-quiet-emphasized-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-name": "ActionButton (s-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-name": "ActionButton (s-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-texticon-name": "ActionButton (s-quiet-texticon)", - "spectrum-actionbutton-s-quiet-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-black-texticon-name": "ActionButton (s-quiet-black-texticon)", - "spectrum-actionbutton-s-quiet-black-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-black-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-white-texticon-name": "ActionButton (s-quiet-white-texticon)", - "spectrum-actionbutton-s-quiet-white-texticon-description": "ActionButton with options size=s content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-texticon-status": "Verified", - "spectrum-actionbutton-s-quiet-white-texticon-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-texticon-name": "ActionButton (s-emphasized-texticon)", - "spectrum-actionbutton-s-emphasized-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-s-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-black-texticon-name": "ActionButton (s-emphasized-black-texticon)", - "spectrum-actionbutton-s-emphasized-black-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-s-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-white-texticon-name": "ActionButton (s-emphasized-white-texticon)", - "spectrum-actionbutton-s-emphasized-white-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-s-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-s-texticon-name": "ActionButton (s-texticon)", - "spectrum-actionbutton-s-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-texticon-status": "Verified", - "spectrum-actionbutton-s-texticon-version": "6.3.1", - "spectrum-actionbutton-s-black-texticon-name": "ActionButton (s-black-texticon)", - "spectrum-actionbutton-s-black-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-texticon-status": "Verified", - "spectrum-actionbutton-s-black-texticon-version": "6.3.1", - "spectrum-actionbutton-s-white-texticon-name": "ActionButton (s-white-texticon)", - "spectrum-actionbutton-s-white-texticon-description": "ActionButton with options size=s content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-texticon-status": "Verified", - "spectrum-actionbutton-s-white-texticon-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-textonly-name": "ActionButton (s-quiet-emphasized-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-name": "ActionButton (s-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-name": "ActionButton (s-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-textonly-name": "ActionButton (s-quiet-textonly)", - "spectrum-actionbutton-s-quiet-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-black-textonly-name": "ActionButton (s-quiet-black-textonly)", - "spectrum-actionbutton-s-quiet-black-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-black-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-white-textonly-name": "ActionButton (s-quiet-white-textonly)", - "spectrum-actionbutton-s-quiet-white-textonly-description": "ActionButton with options size=s content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-textonly-status": "Verified", - "spectrum-actionbutton-s-quiet-white-textonly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-textonly-name": "ActionButton (s-emphasized-textonly)", - "spectrum-actionbutton-s-emphasized-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-s-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-black-textonly-name": "ActionButton (s-emphasized-black-textonly)", - "spectrum-actionbutton-s-emphasized-black-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-s-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-white-textonly-name": "ActionButton (s-emphasized-white-textonly)", - "spectrum-actionbutton-s-emphasized-white-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-s-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-s-textonly-name": "ActionButton (s-textonly)", - "spectrum-actionbutton-s-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-textonly-status": "Verified", - "spectrum-actionbutton-s-textonly-version": "6.3.1", - "spectrum-actionbutton-s-black-textonly-name": "ActionButton (s-black-textonly)", - "spectrum-actionbutton-s-black-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-textonly-status": "Verified", - "spectrum-actionbutton-s-black-textonly-version": "6.3.1", - "spectrum-actionbutton-s-white-textonly-name": "ActionButton (s-white-textonly)", - "spectrum-actionbutton-s-white-textonly-description": "ActionButton with options size=s content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-textonly-status": "Verified", - "spectrum-actionbutton-s-white-textonly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-icononly-name": "ActionButton (s-quiet-emphasized-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-s-quiet-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-name": "ActionButton (s-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-name": "ActionButton (s-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-icononly-name": "ActionButton (s-quiet-icononly)", - "spectrum-actionbutton-s-quiet-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-s-quiet-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-icononly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-black-icononly-name": "ActionButton (s-quiet-black-icononly)", - "spectrum-actionbutton-s-quiet-black-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-s-quiet-black-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-black-icononly-version": "6.3.1", - "spectrum-actionbutton-s-quiet-white-icononly-name": "ActionButton (s-quiet-white-icononly)", - "spectrum-actionbutton-s-quiet-white-icononly-description": "ActionButton with options size=s content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-s-quiet-white-icononly-status": "Verified", - "spectrum-actionbutton-s-quiet-white-icononly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-icononly-name": "ActionButton (s-emphasized-icononly)", - "spectrum-actionbutton-s-emphasized-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-s-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-s-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-black-icononly-name": "ActionButton (s-emphasized-black-icononly)", - "spectrum-actionbutton-s-emphasized-black-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-s-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-s-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-s-emphasized-white-icononly-name": "ActionButton (s-emphasized-white-icononly)", - "spectrum-actionbutton-s-emphasized-white-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-s-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-s-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-s-icononly-name": "ActionButton (s-icononly)", - "spectrum-actionbutton-s-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-s-icononly-status": "Verified", - "spectrum-actionbutton-s-icononly-version": "6.3.1", - "spectrum-actionbutton-s-black-icononly-name": "ActionButton (s-black-icononly)", - "spectrum-actionbutton-s-black-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-s-black-icononly-status": "Verified", - "spectrum-actionbutton-s-black-icononly-version": "6.3.1", - "spectrum-actionbutton-s-white-icononly-name": "ActionButton (s-white-icononly)", - "spectrum-actionbutton-s-white-icononly-description": "ActionButton with options size=s content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-s-white-icononly-status": "Verified", - "spectrum-actionbutton-s-white-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-texticon-name": "ActionButton (m-quiet-emphasized-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-name": "ActionButton (m-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-name": "ActionButton (m-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-texticon-name": "ActionButton (m-quiet-texticon)", - "spectrum-actionbutton-m-quiet-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-black-texticon-name": "ActionButton (m-quiet-black-texticon)", - "spectrum-actionbutton-m-quiet-black-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-black-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-white-texticon-name": "ActionButton (m-quiet-white-texticon)", - "spectrum-actionbutton-m-quiet-white-texticon-description": "ActionButton with options size=m content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-texticon-status": "Verified", - "spectrum-actionbutton-m-quiet-white-texticon-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-texticon-name": "ActionButton (m-emphasized-texticon)", - "spectrum-actionbutton-m-emphasized-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-m-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-black-texticon-name": "ActionButton (m-emphasized-black-texticon)", - "spectrum-actionbutton-m-emphasized-black-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-m-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-white-texticon-name": "ActionButton (m-emphasized-white-texticon)", - "spectrum-actionbutton-m-emphasized-white-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-m-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-m-texticon-name": "ActionButton (m-texticon)", - "spectrum-actionbutton-m-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-texticon-status": "Verified", - "spectrum-actionbutton-m-texticon-version": "6.3.1", - "spectrum-actionbutton-m-black-texticon-name": "ActionButton (m-black-texticon)", - "spectrum-actionbutton-m-black-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-texticon-status": "Verified", - "spectrum-actionbutton-m-black-texticon-version": "6.3.1", - "spectrum-actionbutton-m-white-texticon-name": "ActionButton (m-white-texticon)", - "spectrum-actionbutton-m-white-texticon-description": "ActionButton with options size=m content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-texticon-status": "Verified", - "spectrum-actionbutton-m-white-texticon-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-textonly-name": "ActionButton (m-quiet-emphasized-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-name": "ActionButton (m-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-name": "ActionButton (m-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-textonly-name": "ActionButton (m-quiet-textonly)", - "spectrum-actionbutton-m-quiet-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-black-textonly-name": "ActionButton (m-quiet-black-textonly)", - "spectrum-actionbutton-m-quiet-black-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-black-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-white-textonly-name": "ActionButton (m-quiet-white-textonly)", - "spectrum-actionbutton-m-quiet-white-textonly-description": "ActionButton with options size=m content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-textonly-status": "Verified", - "spectrum-actionbutton-m-quiet-white-textonly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-textonly-name": "ActionButton (m-emphasized-textonly)", - "spectrum-actionbutton-m-emphasized-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-m-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-black-textonly-name": "ActionButton (m-emphasized-black-textonly)", - "spectrum-actionbutton-m-emphasized-black-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-m-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-white-textonly-name": "ActionButton (m-emphasized-white-textonly)", - "spectrum-actionbutton-m-emphasized-white-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-m-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-m-textonly-name": "ActionButton (m-textonly)", - "spectrum-actionbutton-m-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-textonly-status": "Verified", - "spectrum-actionbutton-m-textonly-version": "6.3.1", - "spectrum-actionbutton-m-black-textonly-name": "ActionButton (m-black-textonly)", - "spectrum-actionbutton-m-black-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-textonly-status": "Verified", - "spectrum-actionbutton-m-black-textonly-version": "6.3.1", - "spectrum-actionbutton-m-white-textonly-name": "ActionButton (m-white-textonly)", - "spectrum-actionbutton-m-white-textonly-description": "ActionButton with options size=m content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-textonly-status": "Verified", - "spectrum-actionbutton-m-white-textonly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-icononly-name": "ActionButton (m-quiet-emphasized-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-m-quiet-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-name": "ActionButton (m-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-name": "ActionButton (m-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-icononly-name": "ActionButton (m-quiet-icononly)", - "spectrum-actionbutton-m-quiet-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-m-quiet-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-black-icononly-name": "ActionButton (m-quiet-black-icononly)", - "spectrum-actionbutton-m-quiet-black-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-m-quiet-black-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-black-icononly-version": "6.3.1", - "spectrum-actionbutton-m-quiet-white-icononly-name": "ActionButton (m-quiet-white-icononly)", - "spectrum-actionbutton-m-quiet-white-icononly-description": "ActionButton with options size=m content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-m-quiet-white-icononly-status": "Verified", - "spectrum-actionbutton-m-quiet-white-icononly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-icononly-name": "ActionButton (m-emphasized-icononly)", - "spectrum-actionbutton-m-emphasized-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-m-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-m-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-black-icononly-name": "ActionButton (m-emphasized-black-icononly)", - "spectrum-actionbutton-m-emphasized-black-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-m-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-m-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-m-emphasized-white-icononly-name": "ActionButton (m-emphasized-white-icononly)", - "spectrum-actionbutton-m-emphasized-white-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-m-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-m-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-m-icononly-name": "ActionButton (m-icononly)", - "spectrum-actionbutton-m-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-m-icononly-status": "Verified", - "spectrum-actionbutton-m-icononly-version": "6.3.1", - "spectrum-actionbutton-m-black-icononly-name": "ActionButton (m-black-icononly)", - "spectrum-actionbutton-m-black-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-m-black-icononly-status": "Verified", - "spectrum-actionbutton-m-black-icononly-version": "6.3.1", - "spectrum-actionbutton-m-white-icononly-name": "ActionButton (m-white-icononly)", - "spectrum-actionbutton-m-white-icononly-description": "ActionButton with options size=m content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-m-white-icononly-status": "Verified", - "spectrum-actionbutton-m-white-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-texticon-name": "ActionButton (l-quiet-emphasized-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-name": "ActionButton (l-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-name": "ActionButton (l-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-texticon-name": "ActionButton (l-quiet-texticon)", - "spectrum-actionbutton-l-quiet-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-black-texticon-name": "ActionButton (l-quiet-black-texticon)", - "spectrum-actionbutton-l-quiet-black-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-black-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-white-texticon-name": "ActionButton (l-quiet-white-texticon)", - "spectrum-actionbutton-l-quiet-white-texticon-description": "ActionButton with options size=l content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-texticon-status": "Verified", - "spectrum-actionbutton-l-quiet-white-texticon-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-texticon-name": "ActionButton (l-emphasized-texticon)", - "spectrum-actionbutton-l-emphasized-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-l-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-black-texticon-name": "ActionButton (l-emphasized-black-texticon)", - "spectrum-actionbutton-l-emphasized-black-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-l-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-white-texticon-name": "ActionButton (l-emphasized-white-texticon)", - "spectrum-actionbutton-l-emphasized-white-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-l-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-l-texticon-name": "ActionButton (l-texticon)", - "spectrum-actionbutton-l-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-texticon-status": "Verified", - "spectrum-actionbutton-l-texticon-version": "6.3.1", - "spectrum-actionbutton-l-black-texticon-name": "ActionButton (l-black-texticon)", - "spectrum-actionbutton-l-black-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-texticon-status": "Verified", - "spectrum-actionbutton-l-black-texticon-version": "6.3.1", - "spectrum-actionbutton-l-white-texticon-name": "ActionButton (l-white-texticon)", - "spectrum-actionbutton-l-white-texticon-description": "ActionButton with options size=l content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-texticon-status": "Verified", - "spectrum-actionbutton-l-white-texticon-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-textonly-name": "ActionButton (l-quiet-emphasized-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-name": "ActionButton (l-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-name": "ActionButton (l-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-textonly-name": "ActionButton (l-quiet-textonly)", - "spectrum-actionbutton-l-quiet-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-black-textonly-name": "ActionButton (l-quiet-black-textonly)", - "spectrum-actionbutton-l-quiet-black-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-black-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-white-textonly-name": "ActionButton (l-quiet-white-textonly)", - "spectrum-actionbutton-l-quiet-white-textonly-description": "ActionButton with options size=l content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-textonly-status": "Verified", - "spectrum-actionbutton-l-quiet-white-textonly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-textonly-name": "ActionButton (l-emphasized-textonly)", - "spectrum-actionbutton-l-emphasized-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-l-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-black-textonly-name": "ActionButton (l-emphasized-black-textonly)", - "spectrum-actionbutton-l-emphasized-black-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-l-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-white-textonly-name": "ActionButton (l-emphasized-white-textonly)", - "spectrum-actionbutton-l-emphasized-white-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-l-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-l-textonly-name": "ActionButton (l-textonly)", - "spectrum-actionbutton-l-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-textonly-status": "Verified", - "spectrum-actionbutton-l-textonly-version": "6.3.1", - "spectrum-actionbutton-l-black-textonly-name": "ActionButton (l-black-textonly)", - "spectrum-actionbutton-l-black-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-textonly-status": "Verified", - "spectrum-actionbutton-l-black-textonly-version": "6.3.1", - "spectrum-actionbutton-l-white-textonly-name": "ActionButton (l-white-textonly)", - "spectrum-actionbutton-l-white-textonly-description": "ActionButton with options size=l content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-textonly-status": "Verified", - "spectrum-actionbutton-l-white-textonly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-icononly-name": "ActionButton (l-quiet-emphasized-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-l-quiet-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-name": "ActionButton (l-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-name": "ActionButton (l-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-icononly-name": "ActionButton (l-quiet-icononly)", - "spectrum-actionbutton-l-quiet-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-l-quiet-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-black-icononly-name": "ActionButton (l-quiet-black-icononly)", - "spectrum-actionbutton-l-quiet-black-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-l-quiet-black-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-black-icononly-version": "6.3.1", - "spectrum-actionbutton-l-quiet-white-icononly-name": "ActionButton (l-quiet-white-icononly)", - "spectrum-actionbutton-l-quiet-white-icononly-description": "ActionButton with options size=l content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-l-quiet-white-icononly-status": "Verified", - "spectrum-actionbutton-l-quiet-white-icononly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-icononly-name": "ActionButton (l-emphasized-icononly)", - "spectrum-actionbutton-l-emphasized-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-l-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-l-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-black-icononly-name": "ActionButton (l-emphasized-black-icononly)", - "spectrum-actionbutton-l-emphasized-black-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-l-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-l-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-l-emphasized-white-icononly-name": "ActionButton (l-emphasized-white-icononly)", - "spectrum-actionbutton-l-emphasized-white-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-l-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-l-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-l-icononly-name": "ActionButton (l-icononly)", - "spectrum-actionbutton-l-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-l-icononly-status": "Verified", - "spectrum-actionbutton-l-icononly-version": "6.3.1", - "spectrum-actionbutton-l-black-icononly-name": "ActionButton (l-black-icononly)", - "spectrum-actionbutton-l-black-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-l-black-icononly-status": "Verified", - "spectrum-actionbutton-l-black-icononly-version": "6.3.1", - "spectrum-actionbutton-l-white-icononly-name": "ActionButton (l-white-icononly)", - "spectrum-actionbutton-l-white-icononly-description": "ActionButton with options size=l content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-l-white-icononly-status": "Verified", - "spectrum-actionbutton-l-white-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-name": "ActionButton (xl-quiet-emphasized-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-name": "ActionButton (xl-quiet-emphasized-black-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-name": "ActionButton (xl-quiet-emphasized-white-texticon)", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-texticon-name": "ActionButton (xl-quiet-texticon)", - "spectrum-actionbutton-xl-quiet-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-black-texticon-name": "ActionButton (xl-quiet-black-texticon)", - "spectrum-actionbutton-xl-quiet-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-black-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-white-texticon-name": "ActionButton (xl-quiet-white-texticon)", - "spectrum-actionbutton-xl-quiet-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-texticon-status": "Verified", - "spectrum-actionbutton-xl-quiet-white-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-texticon-name": "ActionButton (xl-emphasized-texticon)", - "spectrum-actionbutton-xl-emphasized-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-texticon-status": "Verified", - "spectrum-actionbutton-xl-emphasized-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-black-texticon-name": "ActionButton (xl-emphasized-black-texticon)", - "spectrum-actionbutton-xl-emphasized-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-texticon-status": "Verified", - "spectrum-actionbutton-xl-emphasized-black-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-white-texticon-name": "ActionButton (xl-emphasized-white-texticon)", - "spectrum-actionbutton-xl-emphasized-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-texticon-status": "Verified", - "spectrum-actionbutton-xl-emphasized-white-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-texticon-name": "ActionButton (xl-texticon)", - "spectrum-actionbutton-xl-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-texticon-status": "Verified", - "spectrum-actionbutton-xl-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-black-texticon-name": "ActionButton (xl-black-texticon)", - "spectrum-actionbutton-xl-black-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-texticon-status": "Verified", - "spectrum-actionbutton-xl-black-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-white-texticon-name": "ActionButton (xl-white-texticon)", - "spectrum-actionbutton-xl-white-texticon-description": "ActionButton with options size=xl content=texticon quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-texticon-status": "Verified", - "spectrum-actionbutton-xl-white-texticon-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-name": "ActionButton (xl-quiet-emphasized-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-name": "ActionButton (xl-quiet-emphasized-black-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-name": "ActionButton (xl-quiet-emphasized-white-textonly)", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-textonly-name": "ActionButton (xl-quiet-textonly)", - "spectrum-actionbutton-xl-quiet-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-black-textonly-name": "ActionButton (xl-quiet-black-textonly)", - "spectrum-actionbutton-xl-quiet-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-black-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-white-textonly-name": "ActionButton (xl-quiet-white-textonly)", - "spectrum-actionbutton-xl-quiet-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-textonly-status": "Verified", - "spectrum-actionbutton-xl-quiet-white-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-textonly-name": "ActionButton (xl-emphasized-textonly)", - "spectrum-actionbutton-xl-emphasized-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-textonly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-black-textonly-name": "ActionButton (xl-emphasized-black-textonly)", - "spectrum-actionbutton-xl-emphasized-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-textonly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-black-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-white-textonly-name": "ActionButton (xl-emphasized-white-textonly)", - "spectrum-actionbutton-xl-emphasized-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-textonly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-white-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-textonly-name": "ActionButton (xl-textonly)", - "spectrum-actionbutton-xl-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-textonly-status": "Verified", - "spectrum-actionbutton-xl-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-black-textonly-name": "ActionButton (xl-black-textonly)", - "spectrum-actionbutton-xl-black-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-textonly-status": "Verified", - "spectrum-actionbutton-xl-black-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-white-textonly-name": "ActionButton (xl-white-textonly)", - "spectrum-actionbutton-xl-white-textonly-description": "ActionButton with options size=xl content=textonly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-textonly-status": "Verified", - "spectrum-actionbutton-xl-white-textonly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-name": "ActionButton (xl-quiet-emphasized-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=none", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-name": "ActionButton (xl-quiet-emphasized-black-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=black", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-name": "ActionButton (xl-quiet-emphasized-white-icononly)", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=true staticColor=white", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-icononly-name": "ActionButton (xl-quiet-icononly)", - "spectrum-actionbutton-xl-quiet-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=none", - "spectrum-actionbutton-xl-quiet-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-black-icononly-name": "ActionButton (xl-quiet-black-icononly)", - "spectrum-actionbutton-xl-quiet-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=black", - "spectrum-actionbutton-xl-quiet-black-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-black-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-quiet-white-icononly-name": "ActionButton (xl-quiet-white-icononly)", - "spectrum-actionbutton-xl-quiet-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=true emphasized=false staticColor=white", - "spectrum-actionbutton-xl-quiet-white-icononly-status": "Verified", - "spectrum-actionbutton-xl-quiet-white-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-icononly-name": "ActionButton (xl-emphasized-icononly)", - "spectrum-actionbutton-xl-emphasized-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=none", - "spectrum-actionbutton-xl-emphasized-icononly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-black-icononly-name": "ActionButton (xl-emphasized-black-icononly)", - "spectrum-actionbutton-xl-emphasized-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=black", - "spectrum-actionbutton-xl-emphasized-black-icononly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-black-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-emphasized-white-icononly-name": "ActionButton (xl-emphasized-white-icononly)", - "spectrum-actionbutton-xl-emphasized-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=true staticColor=white", - "spectrum-actionbutton-xl-emphasized-white-icononly-status": "Verified", - "spectrum-actionbutton-xl-emphasized-white-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-icononly-name": "ActionButton (xl-icononly)", - "spectrum-actionbutton-xl-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=none", - "spectrum-actionbutton-xl-icononly-status": "Verified", - "spectrum-actionbutton-xl-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-black-icononly-name": "ActionButton (xl-black-icononly)", - "spectrum-actionbutton-xl-black-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=black", - "spectrum-actionbutton-xl-black-icononly-status": "Verified", - "spectrum-actionbutton-xl-black-icononly-version": "6.3.1", - "spectrum-actionbutton-xl-white-icononly-name": "ActionButton (xl-white-icononly)", - "spectrum-actionbutton-xl-white-icononly-description": "ActionButton with options size=xl content=icononly quiet=false emphasized=false staticColor=white", - "spectrum-actionbutton-xl-white-icononly-status": "Verified", - "spectrum-actionbutton-xl-white-icononly-version": "6.3.1", - "spectrum-actiongroup-quiet-compact-name": "ActionGroup (quiet-compact)", - "spectrum-actiongroup-quiet-compact-description": "ActionGroup with options quiet=true compact=true", - "spectrum-actiongroup-quiet-compact-status": "Verified", - "spectrum-actiongroup-quiet-compact-version": "6.1.0", - "spectrum-actiongroup-quiet-name": "ActionGroup (quiet)", - "spectrum-actiongroup-quiet-description": "ActionGroup with options quiet=true compact=false", - "spectrum-actiongroup-quiet-status": "Verified", - "spectrum-actiongroup-quiet-version": "6.1.0", - "spectrum-actiongroup-compact-name": "ActionGroup (compact)", - "spectrum-actiongroup-compact-description": "ActionGroup with options quiet=false compact=true", - "spectrum-actiongroup-compact-status": "Verified", - "spectrum-actiongroup-compact-version": "6.1.0", - "spectrum-actiongroup-name": "ActionGroup (default)", - "spectrum-actiongroup-description": "ActionGroup with options quiet=false compact=false", - "spectrum-actiongroup-status": "Verified", - "spectrum-actiongroup-version": "6.1.0", - "spectrum-alertbanner-neutral-name": "AlertBanner (neutral)", - "spectrum-alertbanner-neutral-description": "AlertBanner with options variant=neutral", - "spectrum-alertbanner-neutral-status": "Verified", - "spectrum-alertbanner-neutral-version": "2.0.1", - "spectrum-alertbanner-info-name": "AlertBanner (info)", - "spectrum-alertbanner-info-description": "AlertBanner with options variant=info", - "spectrum-alertbanner-info-status": "Verified", - "spectrum-alertbanner-info-version": "2.0.1", - "spectrum-alertbanner-negative-name": "AlertBanner (negative)", - "spectrum-alertbanner-negative-description": "AlertBanner with options variant=negative", - "spectrum-alertbanner-negative-status": "Verified", - "spectrum-alertbanner-negative-version": "2.0.1", - "spectrum-artboard-name": "Artboard (default)", - "spectrum-artboard-description": "Artboard with no options", - "spectrum-artboard-status": "Contribution", - "spectrum-artboard-version": "1.0.0", - "spectrum-asset-name": "Asset (default)", - "spectrum-asset-description": "Asset with no options", - "spectrum-asset-status": "Contribution", - "spectrum-asset-version": "0.1.0", - "spectrum-assetlist-name": "AssetList (default)", - "spectrum-assetlist-description": "AssetList with no options", - "spectrum-assetlist-status": "Contribution", - "spectrum-assetlist-version": "0.1.0", - "spectrum-avatar-size-50-name": "Avatar (size-50)", - "spectrum-avatar-size-50-description": "Avatar with options size=size-50", - "spectrum-avatar-size-50-status": "Contribution", - "spectrum-avatar-size-50-version": "2.1.0", - "spectrum-avatar-size-75-name": "Avatar (size-75)", - "spectrum-avatar-size-75-description": "Avatar with options size=size-75", - "spectrum-avatar-size-75-status": "Contribution", - "spectrum-avatar-size-75-version": "2.1.0", - "spectrum-avatar-size-100-name": "Avatar (size-100)", - "spectrum-avatar-size-100-description": "Avatar with options size=size-100", - "spectrum-avatar-size-100-status": "Contribution", - "spectrum-avatar-size-100-version": "2.1.0", - "spectrum-avatar-size-200-name": "Avatar (size-200)", - "spectrum-avatar-size-200-description": "Avatar with options size=size-200", - "spectrum-avatar-size-200-status": "Contribution", - "spectrum-avatar-size-200-version": "2.1.0", - "spectrum-avatar-size-300-name": "Avatar (size-300)", - "spectrum-avatar-size-300-description": "Avatar with options size=size-300", - "spectrum-avatar-size-300-status": "Contribution", - "spectrum-avatar-size-300-version": "2.1.0", - "spectrum-avatar-size-400-name": "Avatar (size-400)", - "spectrum-avatar-size-400-description": "Avatar with options size=size-400", - "spectrum-avatar-size-400-status": "Contribution", - "spectrum-avatar-size-400-version": "2.1.0", - "spectrum-avatar-size-500-name": "Avatar (size-500)", - "spectrum-avatar-size-500-description": "Avatar with options size=size-500", - "spectrum-avatar-size-500-status": "Contribution", - "spectrum-avatar-size-500-version": "2.1.0", - "spectrum-avatar-size-600-name": "Avatar (size-600)", - "spectrum-avatar-size-600-description": "Avatar with options size=size-600", - "spectrum-avatar-size-600-status": "Contribution", - "spectrum-avatar-size-600-version": "2.1.0", - "spectrum-avatar-size-700-name": "Avatar (size-700)", - "spectrum-avatar-size-700-description": "Avatar with options size=size-700", - "spectrum-avatar-size-700-status": "Contribution", - "spectrum-avatar-size-700-version": "2.1.0", - "spectrum-badge-s-fuchsia-texticon-name": "Badge (s-fuchsia-texticon)", - "spectrum-badge-s-fuchsia-texticon-description": "Badge with options size=s content=texticon variant=fuchsia", - "spectrum-badge-s-fuchsia-texticon-status": "Verified", - "spectrum-badge-s-fuchsia-texticon-version": "3.0.1", - "spectrum-badge-s-indigo-texticon-name": "Badge (s-indigo-texticon)", - "spectrum-badge-s-indigo-texticon-description": "Badge with options size=s content=texticon variant=indigo", - "spectrum-badge-s-indigo-texticon-status": "Verified", - "spectrum-badge-s-indigo-texticon-version": "3.0.1", - "spectrum-badge-s-informative-texticon-name": "Badge (s-informative-texticon)", - "spectrum-badge-s-informative-texticon-description": "Badge with options size=s content=texticon variant=informative", - "spectrum-badge-s-informative-texticon-status": "Verified", - "spectrum-badge-s-informative-texticon-version": "3.0.1", - "spectrum-badge-s-magenta-texticon-name": "Badge (s-magenta-texticon)", - "spectrum-badge-s-magenta-texticon-description": "Badge with options size=s content=texticon variant=magenta", - "spectrum-badge-s-magenta-texticon-status": "Verified", - "spectrum-badge-s-magenta-texticon-version": "3.0.1", - "spectrum-badge-s-negative-texticon-name": "Badge (s-negative-texticon)", - "spectrum-badge-s-negative-texticon-description": "Badge with options size=s content=texticon variant=negative", - "spectrum-badge-s-negative-texticon-status": "Verified", - "spectrum-badge-s-negative-texticon-version": "3.0.1", - "spectrum-badge-s-neutral-texticon-name": "Badge (s-neutral-texticon)", - "spectrum-badge-s-neutral-texticon-description": "Badge with options size=s content=texticon variant=neutral", - "spectrum-badge-s-neutral-texticon-status": "Verified", - "spectrum-badge-s-neutral-texticon-version": "3.0.1", - "spectrum-badge-s-positive-texticon-name": "Badge (s-positive-texticon)", - "spectrum-badge-s-positive-texticon-description": "Badge with options size=s content=texticon variant=positive", - "spectrum-badge-s-positive-texticon-status": "Verified", - "spectrum-badge-s-positive-texticon-version": "3.0.1", - "spectrum-badge-s-purple-texticon-name": "Badge (s-purple-texticon)", - "spectrum-badge-s-purple-texticon-description": "Badge with options size=s content=texticon variant=purple", - "spectrum-badge-s-purple-texticon-status": "Verified", - "spectrum-badge-s-purple-texticon-version": "3.0.1", - "spectrum-badge-s-seafoam-texticon-name": "Badge (s-seafoam-texticon)", - "spectrum-badge-s-seafoam-texticon-description": "Badge with options size=s content=texticon variant=seafoam", - "spectrum-badge-s-seafoam-texticon-status": "Verified", - "spectrum-badge-s-seafoam-texticon-version": "3.0.1", - "spectrum-badge-s-yellow-texticon-name": "Badge (s-yellow-texticon)", - "spectrum-badge-s-yellow-texticon-description": "Badge with options size=s content=texticon variant=yellow", - "spectrum-badge-s-yellow-texticon-status": "Verified", - "spectrum-badge-s-yellow-texticon-version": "3.0.1", - "spectrum-badge-s-fuchsia-textonly-name": "Badge (s-fuchsia-textonly)", - "spectrum-badge-s-fuchsia-textonly-description": "Badge with options size=s content=textonly variant=fuchsia", - "spectrum-badge-s-fuchsia-textonly-status": "Verified", - "spectrum-badge-s-fuchsia-textonly-version": "3.0.1", - "spectrum-badge-s-indigo-textonly-name": "Badge (s-indigo-textonly)", - "spectrum-badge-s-indigo-textonly-description": "Badge with options size=s content=textonly variant=indigo", - "spectrum-badge-s-indigo-textonly-status": "Verified", - "spectrum-badge-s-indigo-textonly-version": "3.0.1", - "spectrum-badge-s-informative-textonly-name": "Badge (s-informative-textonly)", - "spectrum-badge-s-informative-textonly-description": "Badge with options size=s content=textonly variant=informative", - "spectrum-badge-s-informative-textonly-status": "Verified", - "spectrum-badge-s-informative-textonly-version": "3.0.1", - "spectrum-badge-s-magenta-textonly-name": "Badge (s-magenta-textonly)", - "spectrum-badge-s-magenta-textonly-description": "Badge with options size=s content=textonly variant=magenta", - "spectrum-badge-s-magenta-textonly-status": "Verified", - "spectrum-badge-s-magenta-textonly-version": "3.0.1", - "spectrum-badge-s-negative-textonly-name": "Badge (s-negative-textonly)", - "spectrum-badge-s-negative-textonly-description": "Badge with options size=s content=textonly variant=negative", - "spectrum-badge-s-negative-textonly-status": "Verified", - "spectrum-badge-s-negative-textonly-version": "3.0.1", - "spectrum-badge-s-neutral-textonly-name": "Badge (s-neutral-textonly)", - "spectrum-badge-s-neutral-textonly-description": "Badge with options size=s content=textonly variant=neutral", - "spectrum-badge-s-neutral-textonly-status": "Verified", - "spectrum-badge-s-neutral-textonly-version": "3.0.1", - "spectrum-badge-s-positive-textonly-name": "Badge (s-positive-textonly)", - "spectrum-badge-s-positive-textonly-description": "Badge with options size=s content=textonly variant=positive", - "spectrum-badge-s-positive-textonly-status": "Verified", - "spectrum-badge-s-positive-textonly-version": "3.0.1", - "spectrum-badge-s-purple-textonly-name": "Badge (s-purple-textonly)", - "spectrum-badge-s-purple-textonly-description": "Badge with options size=s content=textonly variant=purple", - "spectrum-badge-s-purple-textonly-status": "Verified", - "spectrum-badge-s-purple-textonly-version": "3.0.1", - "spectrum-badge-s-seafoam-textonly-name": "Badge (s-seafoam-textonly)", - "spectrum-badge-s-seafoam-textonly-description": "Badge with options size=s content=textonly variant=seafoam", - "spectrum-badge-s-seafoam-textonly-status": "Verified", - "spectrum-badge-s-seafoam-textonly-version": "3.0.1", - "spectrum-badge-s-yellow-textonly-name": "Badge (s-yellow-textonly)", - "spectrum-badge-s-yellow-textonly-description": "Badge with options size=s content=textonly variant=yellow", - "spectrum-badge-s-yellow-textonly-status": "Verified", - "spectrum-badge-s-yellow-textonly-version": "3.0.1", - "spectrum-badge-s-fuchsia-icononly-name": "Badge (s-fuchsia-icononly)", - "spectrum-badge-s-fuchsia-icononly-description": "Badge with options size=s content=icononly variant=fuchsia", - "spectrum-badge-s-fuchsia-icononly-status": "Verified", - "spectrum-badge-s-fuchsia-icononly-version": "3.0.1", - "spectrum-badge-s-indigo-icononly-name": "Badge (s-indigo-icononly)", - "spectrum-badge-s-indigo-icononly-description": "Badge with options size=s content=icononly variant=indigo", - "spectrum-badge-s-indigo-icononly-status": "Verified", - "spectrum-badge-s-indigo-icononly-version": "3.0.1", - "spectrum-badge-s-informative-icononly-name": "Badge (s-informative-icononly)", - "spectrum-badge-s-informative-icononly-description": "Badge with options size=s content=icononly variant=informative", - "spectrum-badge-s-informative-icononly-status": "Verified", - "spectrum-badge-s-informative-icononly-version": "3.0.1", - "spectrum-badge-s-magenta-icononly-name": "Badge (s-magenta-icononly)", - "spectrum-badge-s-magenta-icononly-description": "Badge with options size=s content=icononly variant=magenta", - "spectrum-badge-s-magenta-icononly-status": "Verified", - "spectrum-badge-s-magenta-icononly-version": "3.0.1", - "spectrum-badge-s-negative-icononly-name": "Badge (s-negative-icononly)", - "spectrum-badge-s-negative-icononly-description": "Badge with options size=s content=icononly variant=negative", - "spectrum-badge-s-negative-icononly-status": "Verified", - "spectrum-badge-s-negative-icononly-version": "3.0.1", - "spectrum-badge-s-neutral-icononly-name": "Badge (s-neutral-icononly)", - "spectrum-badge-s-neutral-icononly-description": "Badge with options size=s content=icononly variant=neutral", - "spectrum-badge-s-neutral-icononly-status": "Verified", - "spectrum-badge-s-neutral-icononly-version": "3.0.1", - "spectrum-badge-s-positive-icononly-name": "Badge (s-positive-icononly)", - "spectrum-badge-s-positive-icononly-description": "Badge with options size=s content=icononly variant=positive", - "spectrum-badge-s-positive-icononly-status": "Verified", - "spectrum-badge-s-positive-icononly-version": "3.0.1", - "spectrum-badge-s-purple-icononly-name": "Badge (s-purple-icononly)", - "spectrum-badge-s-purple-icononly-description": "Badge with options size=s content=icononly variant=purple", - "spectrum-badge-s-purple-icononly-status": "Verified", - "spectrum-badge-s-purple-icononly-version": "3.0.1", - "spectrum-badge-s-seafoam-icononly-name": "Badge (s-seafoam-icononly)", - "spectrum-badge-s-seafoam-icononly-description": "Badge with options size=s content=icononly variant=seafoam", - "spectrum-badge-s-seafoam-icononly-status": "Verified", - "spectrum-badge-s-seafoam-icononly-version": "3.0.1", - "spectrum-badge-s-yellow-icononly-name": "Badge (s-yellow-icononly)", - "spectrum-badge-s-yellow-icononly-description": "Badge with options size=s content=icononly variant=yellow", - "spectrum-badge-s-yellow-icononly-status": "Verified", - "spectrum-badge-s-yellow-icononly-version": "3.0.1", - "spectrum-badge-m-fuchsia-texticon-name": "Badge (m-fuchsia-texticon)", - "spectrum-badge-m-fuchsia-texticon-description": "Badge with options size=m content=texticon variant=fuchsia", - "spectrum-badge-m-fuchsia-texticon-status": "Verified", - "spectrum-badge-m-fuchsia-texticon-version": "3.0.1", - "spectrum-badge-m-indigo-texticon-name": "Badge (m-indigo-texticon)", - "spectrum-badge-m-indigo-texticon-description": "Badge with options size=m content=texticon variant=indigo", - "spectrum-badge-m-indigo-texticon-status": "Verified", - "spectrum-badge-m-indigo-texticon-version": "3.0.1", - "spectrum-badge-m-informative-texticon-name": "Badge (m-informative-texticon)", - "spectrum-badge-m-informative-texticon-description": "Badge with options size=m content=texticon variant=informative", - "spectrum-badge-m-informative-texticon-status": "Verified", - "spectrum-badge-m-informative-texticon-version": "3.0.1", - "spectrum-badge-m-magenta-texticon-name": "Badge (m-magenta-texticon)", - "spectrum-badge-m-magenta-texticon-description": "Badge with options size=m content=texticon variant=magenta", - "spectrum-badge-m-magenta-texticon-status": "Verified", - "spectrum-badge-m-magenta-texticon-version": "3.0.1", - "spectrum-badge-m-negative-texticon-name": "Badge (m-negative-texticon)", - "spectrum-badge-m-negative-texticon-description": "Badge with options size=m content=texticon variant=negative", - "spectrum-badge-m-negative-texticon-status": "Verified", - "spectrum-badge-m-negative-texticon-version": "3.0.1", - "spectrum-badge-m-neutral-texticon-name": "Badge (m-neutral-texticon)", - "spectrum-badge-m-neutral-texticon-description": "Badge with options size=m content=texticon variant=neutral", - "spectrum-badge-m-neutral-texticon-status": "Verified", - "spectrum-badge-m-neutral-texticon-version": "3.0.1", - "spectrum-badge-m-positive-texticon-name": "Badge (m-positive-texticon)", - "spectrum-badge-m-positive-texticon-description": "Badge with options size=m content=texticon variant=positive", - "spectrum-badge-m-positive-texticon-status": "Verified", - "spectrum-badge-m-positive-texticon-version": "3.0.1", - "spectrum-badge-m-purple-texticon-name": "Badge (m-purple-texticon)", - "spectrum-badge-m-purple-texticon-description": "Badge with options size=m content=texticon variant=purple", - "spectrum-badge-m-purple-texticon-status": "Verified", - "spectrum-badge-m-purple-texticon-version": "3.0.1", - "spectrum-badge-m-seafoam-texticon-name": "Badge (m-seafoam-texticon)", - "spectrum-badge-m-seafoam-texticon-description": "Badge with options size=m content=texticon variant=seafoam", - "spectrum-badge-m-seafoam-texticon-status": "Verified", - "spectrum-badge-m-seafoam-texticon-version": "3.0.1", - "spectrum-badge-m-yellow-texticon-name": "Badge (m-yellow-texticon)", - "spectrum-badge-m-yellow-texticon-description": "Badge with options size=m content=texticon variant=yellow", - "spectrum-badge-m-yellow-texticon-status": "Verified", - "spectrum-badge-m-yellow-texticon-version": "3.0.1", - "spectrum-badge-m-fuchsia-textonly-name": "Badge (m-fuchsia-textonly)", - "spectrum-badge-m-fuchsia-textonly-description": "Badge with options size=m content=textonly variant=fuchsia", - "spectrum-badge-m-fuchsia-textonly-status": "Verified", - "spectrum-badge-m-fuchsia-textonly-version": "3.0.1", - "spectrum-badge-m-indigo-textonly-name": "Badge (m-indigo-textonly)", - "spectrum-badge-m-indigo-textonly-description": "Badge with options size=m content=textonly variant=indigo", - "spectrum-badge-m-indigo-textonly-status": "Verified", - "spectrum-badge-m-indigo-textonly-version": "3.0.1", - "spectrum-badge-m-informative-textonly-name": "Badge (m-informative-textonly)", - "spectrum-badge-m-informative-textonly-description": "Badge with options size=m content=textonly variant=informative", - "spectrum-badge-m-informative-textonly-status": "Verified", - "spectrum-badge-m-informative-textonly-version": "3.0.1", - "spectrum-badge-m-magenta-textonly-name": "Badge (m-magenta-textonly)", - "spectrum-badge-m-magenta-textonly-description": "Badge with options size=m content=textonly variant=magenta", - "spectrum-badge-m-magenta-textonly-status": "Verified", - "spectrum-badge-m-magenta-textonly-version": "3.0.1", - "spectrum-badge-m-negative-textonly-name": "Badge (m-negative-textonly)", - "spectrum-badge-m-negative-textonly-description": "Badge with options size=m content=textonly variant=negative", - "spectrum-badge-m-negative-textonly-status": "Verified", - "spectrum-badge-m-negative-textonly-version": "3.0.1", - "spectrum-badge-m-neutral-textonly-name": "Badge (m-neutral-textonly)", - "spectrum-badge-m-neutral-textonly-description": "Badge with options size=m content=textonly variant=neutral", - "spectrum-badge-m-neutral-textonly-status": "Verified", - "spectrum-badge-m-neutral-textonly-version": "3.0.1", - "spectrum-badge-m-positive-textonly-name": "Badge (m-positive-textonly)", - "spectrum-badge-m-positive-textonly-description": "Badge with options size=m content=textonly variant=positive", - "spectrum-badge-m-positive-textonly-status": "Verified", - "spectrum-badge-m-positive-textonly-version": "3.0.1", - "spectrum-badge-m-purple-textonly-name": "Badge (m-purple-textonly)", - "spectrum-badge-m-purple-textonly-description": "Badge with options size=m content=textonly variant=purple", - "spectrum-badge-m-purple-textonly-status": "Verified", - "spectrum-badge-m-purple-textonly-version": "3.0.1", - "spectrum-badge-m-seafoam-textonly-name": "Badge (m-seafoam-textonly)", - "spectrum-badge-m-seafoam-textonly-description": "Badge with options size=m content=textonly variant=seafoam", - "spectrum-badge-m-seafoam-textonly-status": "Verified", - "spectrum-badge-m-seafoam-textonly-version": "3.0.1", - "spectrum-badge-m-yellow-textonly-name": "Badge (m-yellow-textonly)", - "spectrum-badge-m-yellow-textonly-description": "Badge with options size=m content=textonly variant=yellow", - "spectrum-badge-m-yellow-textonly-status": "Verified", - "spectrum-badge-m-yellow-textonly-version": "3.0.1", - "spectrum-badge-m-fuchsia-icononly-name": "Badge (m-fuchsia-icononly)", - "spectrum-badge-m-fuchsia-icononly-description": "Badge with options size=m content=icononly variant=fuchsia", - "spectrum-badge-m-fuchsia-icononly-status": "Verified", - "spectrum-badge-m-fuchsia-icononly-version": "3.0.1", - "spectrum-badge-m-indigo-icononly-name": "Badge (m-indigo-icononly)", - "spectrum-badge-m-indigo-icononly-description": "Badge with options size=m content=icononly variant=indigo", - "spectrum-badge-m-indigo-icononly-status": "Verified", - "spectrum-badge-m-indigo-icononly-version": "3.0.1", - "spectrum-badge-m-informative-icononly-name": "Badge (m-informative-icononly)", - "spectrum-badge-m-informative-icononly-description": "Badge with options size=m content=icononly variant=informative", - "spectrum-badge-m-informative-icononly-status": "Verified", - "spectrum-badge-m-informative-icononly-version": "3.0.1", - "spectrum-badge-m-magenta-icononly-name": "Badge (m-magenta-icononly)", - "spectrum-badge-m-magenta-icononly-description": "Badge with options size=m content=icononly variant=magenta", - "spectrum-badge-m-magenta-icononly-status": "Verified", - "spectrum-badge-m-magenta-icononly-version": "3.0.1", - "spectrum-badge-m-negative-icononly-name": "Badge (m-negative-icononly)", - "spectrum-badge-m-negative-icononly-description": "Badge with options size=m content=icononly variant=negative", - "spectrum-badge-m-negative-icononly-status": "Verified", - "spectrum-badge-m-negative-icononly-version": "3.0.1", - "spectrum-badge-m-neutral-icononly-name": "Badge (m-neutral-icononly)", - "spectrum-badge-m-neutral-icononly-description": "Badge with options size=m content=icononly variant=neutral", - "spectrum-badge-m-neutral-icononly-status": "Verified", - "spectrum-badge-m-neutral-icononly-version": "3.0.1", - "spectrum-badge-m-positive-icononly-name": "Badge (m-positive-icononly)", - "spectrum-badge-m-positive-icononly-description": "Badge with options size=m content=icononly variant=positive", - "spectrum-badge-m-positive-icononly-status": "Verified", - "spectrum-badge-m-positive-icononly-version": "3.0.1", - "spectrum-badge-m-purple-icononly-name": "Badge (m-purple-icononly)", - "spectrum-badge-m-purple-icononly-description": "Badge with options size=m content=icononly variant=purple", - "spectrum-badge-m-purple-icononly-status": "Verified", - "spectrum-badge-m-purple-icononly-version": "3.0.1", - "spectrum-badge-m-seafoam-icononly-name": "Badge (m-seafoam-icononly)", - "spectrum-badge-m-seafoam-icononly-description": "Badge with options size=m content=icononly variant=seafoam", - "spectrum-badge-m-seafoam-icononly-status": "Verified", - "spectrum-badge-m-seafoam-icononly-version": "3.0.1", - "spectrum-badge-m-yellow-icononly-name": "Badge (m-yellow-icononly)", - "spectrum-badge-m-yellow-icononly-description": "Badge with options size=m content=icononly variant=yellow", - "spectrum-badge-m-yellow-icononly-status": "Verified", - "spectrum-badge-m-yellow-icononly-version": "3.0.1", - "spectrum-badge-l-fuchsia-texticon-name": "Badge (l-fuchsia-texticon)", - "spectrum-badge-l-fuchsia-texticon-description": "Badge with options size=l content=texticon variant=fuchsia", - "spectrum-badge-l-fuchsia-texticon-status": "Verified", - "spectrum-badge-l-fuchsia-texticon-version": "3.0.1", - "spectrum-badge-l-indigo-texticon-name": "Badge (l-indigo-texticon)", - "spectrum-badge-l-indigo-texticon-description": "Badge with options size=l content=texticon variant=indigo", - "spectrum-badge-l-indigo-texticon-status": "Verified", - "spectrum-badge-l-indigo-texticon-version": "3.0.1", - "spectrum-badge-l-informative-texticon-name": "Badge (l-informative-texticon)", - "spectrum-badge-l-informative-texticon-description": "Badge with options size=l content=texticon variant=informative", - "spectrum-badge-l-informative-texticon-status": "Verified", - "spectrum-badge-l-informative-texticon-version": "3.0.1", - "spectrum-badge-l-magenta-texticon-name": "Badge (l-magenta-texticon)", - "spectrum-badge-l-magenta-texticon-description": "Badge with options size=l content=texticon variant=magenta", - "spectrum-badge-l-magenta-texticon-status": "Verified", - "spectrum-badge-l-magenta-texticon-version": "3.0.1", - "spectrum-badge-l-negative-texticon-name": "Badge (l-negative-texticon)", - "spectrum-badge-l-negative-texticon-description": "Badge with options size=l content=texticon variant=negative", - "spectrum-badge-l-negative-texticon-status": "Verified", - "spectrum-badge-l-negative-texticon-version": "3.0.1", - "spectrum-badge-l-neutral-texticon-name": "Badge (l-neutral-texticon)", - "spectrum-badge-l-neutral-texticon-description": "Badge with options size=l content=texticon variant=neutral", - "spectrum-badge-l-neutral-texticon-status": "Verified", - "spectrum-badge-l-neutral-texticon-version": "3.0.1", - "spectrum-badge-l-positive-texticon-name": "Badge (l-positive-texticon)", - "spectrum-badge-l-positive-texticon-description": "Badge with options size=l content=texticon variant=positive", - "spectrum-badge-l-positive-texticon-status": "Verified", - "spectrum-badge-l-positive-texticon-version": "3.0.1", - "spectrum-badge-l-purple-texticon-name": "Badge (l-purple-texticon)", - "spectrum-badge-l-purple-texticon-description": "Badge with options size=l content=texticon variant=purple", - "spectrum-badge-l-purple-texticon-status": "Verified", - "spectrum-badge-l-purple-texticon-version": "3.0.1", - "spectrum-badge-l-seafoam-texticon-name": "Badge (l-seafoam-texticon)", - "spectrum-badge-l-seafoam-texticon-description": "Badge with options size=l content=texticon variant=seafoam", - "spectrum-badge-l-seafoam-texticon-status": "Verified", - "spectrum-badge-l-seafoam-texticon-version": "3.0.1", - "spectrum-badge-l-yellow-texticon-name": "Badge (l-yellow-texticon)", - "spectrum-badge-l-yellow-texticon-description": "Badge with options size=l content=texticon variant=yellow", - "spectrum-badge-l-yellow-texticon-status": "Verified", - "spectrum-badge-l-yellow-texticon-version": "3.0.1", - "spectrum-badge-l-fuchsia-textonly-name": "Badge (l-fuchsia-textonly)", - "spectrum-badge-l-fuchsia-textonly-description": "Badge with options size=l content=textonly variant=fuchsia", - "spectrum-badge-l-fuchsia-textonly-status": "Verified", - "spectrum-badge-l-fuchsia-textonly-version": "3.0.1", - "spectrum-badge-l-indigo-textonly-name": "Badge (l-indigo-textonly)", - "spectrum-badge-l-indigo-textonly-description": "Badge with options size=l content=textonly variant=indigo", - "spectrum-badge-l-indigo-textonly-status": "Verified", - "spectrum-badge-l-indigo-textonly-version": "3.0.1", - "spectrum-badge-l-informative-textonly-name": "Badge (l-informative-textonly)", - "spectrum-badge-l-informative-textonly-description": "Badge with options size=l content=textonly variant=informative", - "spectrum-badge-l-informative-textonly-status": "Verified", - "spectrum-badge-l-informative-textonly-version": "3.0.1", - "spectrum-badge-l-magenta-textonly-name": "Badge (l-magenta-textonly)", - "spectrum-badge-l-magenta-textonly-description": "Badge with options size=l content=textonly variant=magenta", - "spectrum-badge-l-magenta-textonly-status": "Verified", - "spectrum-badge-l-magenta-textonly-version": "3.0.1", - "spectrum-badge-l-negative-textonly-name": "Badge (l-negative-textonly)", - "spectrum-badge-l-negative-textonly-description": "Badge with options size=l content=textonly variant=negative", - "spectrum-badge-l-negative-textonly-status": "Verified", - "spectrum-badge-l-negative-textonly-version": "3.0.1", - "spectrum-badge-l-neutral-textonly-name": "Badge (l-neutral-textonly)", - "spectrum-badge-l-neutral-textonly-description": "Badge with options size=l content=textonly variant=neutral", - "spectrum-badge-l-neutral-textonly-status": "Verified", - "spectrum-badge-l-neutral-textonly-version": "3.0.1", - "spectrum-badge-l-positive-textonly-name": "Badge (l-positive-textonly)", - "spectrum-badge-l-positive-textonly-description": "Badge with options size=l content=textonly variant=positive", - "spectrum-badge-l-positive-textonly-status": "Verified", - "spectrum-badge-l-positive-textonly-version": "3.0.1", - "spectrum-badge-l-purple-textonly-name": "Badge (l-purple-textonly)", - "spectrum-badge-l-purple-textonly-description": "Badge with options size=l content=textonly variant=purple", - "spectrum-badge-l-purple-textonly-status": "Verified", - "spectrum-badge-l-purple-textonly-version": "3.0.1", - "spectrum-badge-l-seafoam-textonly-name": "Badge (l-seafoam-textonly)", - "spectrum-badge-l-seafoam-textonly-description": "Badge with options size=l content=textonly variant=seafoam", - "spectrum-badge-l-seafoam-textonly-status": "Verified", - "spectrum-badge-l-seafoam-textonly-version": "3.0.1", - "spectrum-badge-l-yellow-textonly-name": "Badge (l-yellow-textonly)", - "spectrum-badge-l-yellow-textonly-description": "Badge with options size=l content=textonly variant=yellow", - "spectrum-badge-l-yellow-textonly-status": "Verified", - "spectrum-badge-l-yellow-textonly-version": "3.0.1", - "spectrum-badge-l-fuchsia-icononly-name": "Badge (l-fuchsia-icononly)", - "spectrum-badge-l-fuchsia-icononly-description": "Badge with options size=l content=icononly variant=fuchsia", - "spectrum-badge-l-fuchsia-icononly-status": "Verified", - "spectrum-badge-l-fuchsia-icononly-version": "3.0.1", - "spectrum-badge-l-indigo-icononly-name": "Badge (l-indigo-icononly)", - "spectrum-badge-l-indigo-icononly-description": "Badge with options size=l content=icononly variant=indigo", - "spectrum-badge-l-indigo-icononly-status": "Verified", - "spectrum-badge-l-indigo-icononly-version": "3.0.1", - "spectrum-badge-l-informative-icononly-name": "Badge (l-informative-icononly)", - "spectrum-badge-l-informative-icononly-description": "Badge with options size=l content=icononly variant=informative", - "spectrum-badge-l-informative-icononly-status": "Verified", - "spectrum-badge-l-informative-icononly-version": "3.0.1", - "spectrum-badge-l-magenta-icononly-name": "Badge (l-magenta-icononly)", - "spectrum-badge-l-magenta-icononly-description": "Badge with options size=l content=icononly variant=magenta", - "spectrum-badge-l-magenta-icononly-status": "Verified", - "spectrum-badge-l-magenta-icononly-version": "3.0.1", - "spectrum-badge-l-negative-icononly-name": "Badge (l-negative-icononly)", - "spectrum-badge-l-negative-icononly-description": "Badge with options size=l content=icononly variant=negative", - "spectrum-badge-l-negative-icononly-status": "Verified", - "spectrum-badge-l-negative-icononly-version": "3.0.1", - "spectrum-badge-l-neutral-icononly-name": "Badge (l-neutral-icononly)", - "spectrum-badge-l-neutral-icononly-description": "Badge with options size=l content=icononly variant=neutral", - "spectrum-badge-l-neutral-icononly-status": "Verified", - "spectrum-badge-l-neutral-icononly-version": "3.0.1", - "spectrum-badge-l-positive-icononly-name": "Badge (l-positive-icononly)", - "spectrum-badge-l-positive-icononly-description": "Badge with options size=l content=icononly variant=positive", - "spectrum-badge-l-positive-icononly-status": "Verified", - "spectrum-badge-l-positive-icononly-version": "3.0.1", - "spectrum-badge-l-purple-icononly-name": "Badge (l-purple-icononly)", - "spectrum-badge-l-purple-icononly-description": "Badge with options size=l content=icononly variant=purple", - "spectrum-badge-l-purple-icononly-status": "Verified", - "spectrum-badge-l-purple-icononly-version": "3.0.1", - "spectrum-badge-l-seafoam-icononly-name": "Badge (l-seafoam-icononly)", - "spectrum-badge-l-seafoam-icononly-description": "Badge with options size=l content=icononly variant=seafoam", - "spectrum-badge-l-seafoam-icononly-status": "Verified", - "spectrum-badge-l-seafoam-icononly-version": "3.0.1", - "spectrum-badge-l-yellow-icononly-name": "Badge (l-yellow-icononly)", - "spectrum-badge-l-yellow-icononly-description": "Badge with options size=l content=icononly variant=yellow", - "spectrum-badge-l-yellow-icononly-status": "Verified", - "spectrum-badge-l-yellow-icononly-version": "3.0.1", - "spectrum-badge-xl-fuchsia-texticon-name": "Badge (xl-fuchsia-texticon)", - "spectrum-badge-xl-fuchsia-texticon-description": "Badge with options size=xl content=texticon variant=fuchsia", - "spectrum-badge-xl-fuchsia-texticon-status": "Verified", - "spectrum-badge-xl-fuchsia-texticon-version": "3.0.1", - "spectrum-badge-xl-indigo-texticon-name": "Badge (xl-indigo-texticon)", - "spectrum-badge-xl-indigo-texticon-description": "Badge with options size=xl content=texticon variant=indigo", - "spectrum-badge-xl-indigo-texticon-status": "Verified", - "spectrum-badge-xl-indigo-texticon-version": "3.0.1", - "spectrum-badge-xl-informative-texticon-name": "Badge (xl-informative-texticon)", - "spectrum-badge-xl-informative-texticon-description": "Badge with options size=xl content=texticon variant=informative", - "spectrum-badge-xl-informative-texticon-status": "Verified", - "spectrum-badge-xl-informative-texticon-version": "3.0.1", - "spectrum-badge-xl-magenta-texticon-name": "Badge (xl-magenta-texticon)", - "spectrum-badge-xl-magenta-texticon-description": "Badge with options size=xl content=texticon variant=magenta", - "spectrum-badge-xl-magenta-texticon-status": "Verified", - "spectrum-badge-xl-magenta-texticon-version": "3.0.1", - "spectrum-badge-xl-negative-texticon-name": "Badge (xl-negative-texticon)", - "spectrum-badge-xl-negative-texticon-description": "Badge with options size=xl content=texticon variant=negative", - "spectrum-badge-xl-negative-texticon-status": "Verified", - "spectrum-badge-xl-negative-texticon-version": "3.0.1", - "spectrum-badge-xl-neutral-texticon-name": "Badge (xl-neutral-texticon)", - "spectrum-badge-xl-neutral-texticon-description": "Badge with options size=xl content=texticon variant=neutral", - "spectrum-badge-xl-neutral-texticon-status": "Verified", - "spectrum-badge-xl-neutral-texticon-version": "3.0.1", - "spectrum-badge-xl-positive-texticon-name": "Badge (xl-positive-texticon)", - "spectrum-badge-xl-positive-texticon-description": "Badge with options size=xl content=texticon variant=positive", - "spectrum-badge-xl-positive-texticon-status": "Verified", - "spectrum-badge-xl-positive-texticon-version": "3.0.1", - "spectrum-badge-xl-purple-texticon-name": "Badge (xl-purple-texticon)", - "spectrum-badge-xl-purple-texticon-description": "Badge with options size=xl content=texticon variant=purple", - "spectrum-badge-xl-purple-texticon-status": "Verified", - "spectrum-badge-xl-purple-texticon-version": "3.0.1", - "spectrum-badge-xl-seafoam-texticon-name": "Badge (xl-seafoam-texticon)", - "spectrum-badge-xl-seafoam-texticon-description": "Badge with options size=xl content=texticon variant=seafoam", - "spectrum-badge-xl-seafoam-texticon-status": "Verified", - "spectrum-badge-xl-seafoam-texticon-version": "3.0.1", - "spectrum-badge-xl-yellow-texticon-name": "Badge (xl-yellow-texticon)", - "spectrum-badge-xl-yellow-texticon-description": "Badge with options size=xl content=texticon variant=yellow", - "spectrum-badge-xl-yellow-texticon-status": "Verified", - "spectrum-badge-xl-yellow-texticon-version": "3.0.1", - "spectrum-badge-xl-fuchsia-textonly-name": "Badge (xl-fuchsia-textonly)", - "spectrum-badge-xl-fuchsia-textonly-description": "Badge with options size=xl content=textonly variant=fuchsia", - "spectrum-badge-xl-fuchsia-textonly-status": "Verified", - "spectrum-badge-xl-fuchsia-textonly-version": "3.0.1", - "spectrum-badge-xl-indigo-textonly-name": "Badge (xl-indigo-textonly)", - "spectrum-badge-xl-indigo-textonly-description": "Badge with options size=xl content=textonly variant=indigo", - "spectrum-badge-xl-indigo-textonly-status": "Verified", - "spectrum-badge-xl-indigo-textonly-version": "3.0.1", - "spectrum-badge-xl-informative-textonly-name": "Badge (xl-informative-textonly)", - "spectrum-badge-xl-informative-textonly-description": "Badge with options size=xl content=textonly variant=informative", - "spectrum-badge-xl-informative-textonly-status": "Verified", - "spectrum-badge-xl-informative-textonly-version": "3.0.1", - "spectrum-badge-xl-magenta-textonly-name": "Badge (xl-magenta-textonly)", - "spectrum-badge-xl-magenta-textonly-description": "Badge with options size=xl content=textonly variant=magenta", - "spectrum-badge-xl-magenta-textonly-status": "Verified", - "spectrum-badge-xl-magenta-textonly-version": "3.0.1", - "spectrum-badge-xl-negative-textonly-name": "Badge (xl-negative-textonly)", - "spectrum-badge-xl-negative-textonly-description": "Badge with options size=xl content=textonly variant=negative", - "spectrum-badge-xl-negative-textonly-status": "Verified", - "spectrum-badge-xl-negative-textonly-version": "3.0.1", - "spectrum-badge-xl-neutral-textonly-name": "Badge (xl-neutral-textonly)", - "spectrum-badge-xl-neutral-textonly-description": "Badge with options size=xl content=textonly variant=neutral", - "spectrum-badge-xl-neutral-textonly-status": "Verified", - "spectrum-badge-xl-neutral-textonly-version": "3.0.1", - "spectrum-badge-xl-positive-textonly-name": "Badge (xl-positive-textonly)", - "spectrum-badge-xl-positive-textonly-description": "Badge with options size=xl content=textonly variant=positive", - "spectrum-badge-xl-positive-textonly-status": "Verified", - "spectrum-badge-xl-positive-textonly-version": "3.0.1", - "spectrum-badge-xl-purple-textonly-name": "Badge (xl-purple-textonly)", - "spectrum-badge-xl-purple-textonly-description": "Badge with options size=xl content=textonly variant=purple", - "spectrum-badge-xl-purple-textonly-status": "Verified", - "spectrum-badge-xl-purple-textonly-version": "3.0.1", - "spectrum-badge-xl-seafoam-textonly-name": "Badge (xl-seafoam-textonly)", - "spectrum-badge-xl-seafoam-textonly-description": "Badge with options size=xl content=textonly variant=seafoam", - "spectrum-badge-xl-seafoam-textonly-status": "Verified", - "spectrum-badge-xl-seafoam-textonly-version": "3.0.1", - "spectrum-badge-xl-yellow-textonly-name": "Badge (xl-yellow-textonly)", - "spectrum-badge-xl-yellow-textonly-description": "Badge with options size=xl content=textonly variant=yellow", - "spectrum-badge-xl-yellow-textonly-status": "Verified", - "spectrum-badge-xl-yellow-textonly-version": "3.0.1", - "spectrum-badge-xl-fuchsia-icononly-name": "Badge (xl-fuchsia-icononly)", - "spectrum-badge-xl-fuchsia-icononly-description": "Badge with options size=xl content=icononly variant=fuchsia", - "spectrum-badge-xl-fuchsia-icononly-status": "Verified", - "spectrum-badge-xl-fuchsia-icononly-version": "3.0.1", - "spectrum-badge-xl-indigo-icononly-name": "Badge (xl-indigo-icononly)", - "spectrum-badge-xl-indigo-icononly-description": "Badge with options size=xl content=icononly variant=indigo", - "spectrum-badge-xl-indigo-icononly-status": "Verified", - "spectrum-badge-xl-indigo-icononly-version": "3.0.1", - "spectrum-badge-xl-informative-icononly-name": "Badge (xl-informative-icononly)", - "spectrum-badge-xl-informative-icononly-description": "Badge with options size=xl content=icononly variant=informative", - "spectrum-badge-xl-informative-icononly-status": "Verified", - "spectrum-badge-xl-informative-icononly-version": "3.0.1", - "spectrum-badge-xl-magenta-icononly-name": "Badge (xl-magenta-icononly)", - "spectrum-badge-xl-magenta-icononly-description": "Badge with options size=xl content=icononly variant=magenta", - "spectrum-badge-xl-magenta-icononly-status": "Verified", - "spectrum-badge-xl-magenta-icononly-version": "3.0.1", - "spectrum-badge-xl-negative-icononly-name": "Badge (xl-negative-icononly)", - "spectrum-badge-xl-negative-icononly-description": "Badge with options size=xl content=icononly variant=negative", - "spectrum-badge-xl-negative-icononly-status": "Verified", - "spectrum-badge-xl-negative-icononly-version": "3.0.1", - "spectrum-badge-xl-neutral-icononly-name": "Badge (xl-neutral-icononly)", - "spectrum-badge-xl-neutral-icononly-description": "Badge with options size=xl content=icononly variant=neutral", - "spectrum-badge-xl-neutral-icononly-status": "Verified", - "spectrum-badge-xl-neutral-icononly-version": "3.0.1", - "spectrum-badge-xl-positive-icononly-name": "Badge (xl-positive-icononly)", - "spectrum-badge-xl-positive-icononly-description": "Badge with options size=xl content=icononly variant=positive", - "spectrum-badge-xl-positive-icononly-status": "Verified", - "spectrum-badge-xl-positive-icononly-version": "3.0.1", - "spectrum-badge-xl-purple-icononly-name": "Badge (xl-purple-icononly)", - "spectrum-badge-xl-purple-icononly-description": "Badge with options size=xl content=icononly variant=purple", - "spectrum-badge-xl-purple-icononly-status": "Verified", - "spectrum-badge-xl-purple-icononly-version": "3.0.1", - "spectrum-badge-xl-seafoam-icononly-name": "Badge (xl-seafoam-icononly)", - "spectrum-badge-xl-seafoam-icononly-description": "Badge with options size=xl content=icononly variant=seafoam", - "spectrum-badge-xl-seafoam-icononly-status": "Verified", - "spectrum-badge-xl-seafoam-icononly-version": "3.0.1", - "spectrum-badge-xl-yellow-icononly-name": "Badge (xl-yellow-icononly)", - "spectrum-badge-xl-yellow-icononly-description": "Badge with options size=xl content=icononly variant=yellow", - "spectrum-badge-xl-yellow-icononly-status": "Verified", - "spectrum-badge-xl-yellow-icononly-version": "3.0.1", - "spectrum-body-xs-serif-emphasized-strong-name": "Body (xs-serif-emphasized-strong)", - "spectrum-body-xs-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xs emphasized=true strong=true", - "spectrum-body-xs-serif-emphasized-strong-status": "Verified", - "spectrum-body-xs-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-xs-serif-emphasized-name": "Body (xs-serif-emphasized)", - "spectrum-body-xs-serif-emphasized-description": "Body with options script=latin classification=serif size=xs emphasized=true strong=false", - "spectrum-body-xs-serif-emphasized-status": "Verified", - "spectrum-body-xs-serif-emphasized-version": "6.0.0", - "spectrum-body-xs-serif-strong-name": "Body (xs-serif-strong)", - "spectrum-body-xs-serif-strong-description": "Body with options script=latin classification=serif size=xs emphasized=false strong=true", - "spectrum-body-xs-serif-strong-status": "Verified", - "spectrum-body-xs-serif-strong-version": "6.0.0", - "spectrum-body-xs-serif-name": "Body (xs-serif)", - "spectrum-body-xs-serif-description": "Body with options script=latin classification=serif size=xs emphasized=false strong=false", - "spectrum-body-xs-serif-status": "Verified", - "spectrum-body-xs-serif-version": "6.0.0", - "spectrum-body-s-serif-emphasized-strong-name": "Body (s-serif-emphasized-strong)", - "spectrum-body-s-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=s emphasized=true strong=true", - "spectrum-body-s-serif-emphasized-strong-status": "Verified", - "spectrum-body-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-s-serif-emphasized-name": "Body (s-serif-emphasized)", - "spectrum-body-s-serif-emphasized-description": "Body with options script=latin classification=serif size=s emphasized=true strong=false", - "spectrum-body-s-serif-emphasized-status": "Verified", - "spectrum-body-s-serif-emphasized-version": "6.0.0", - "spectrum-body-s-serif-strong-name": "Body (s-serif-strong)", - "spectrum-body-s-serif-strong-description": "Body with options script=latin classification=serif size=s emphasized=false strong=true", - "spectrum-body-s-serif-strong-status": "Verified", - "spectrum-body-s-serif-strong-version": "6.0.0", - "spectrum-body-s-serif-name": "Body (s-serif)", - "spectrum-body-s-serif-description": "Body with options script=latin classification=serif size=s emphasized=false strong=false", - "spectrum-body-s-serif-status": "Verified", - "spectrum-body-s-serif-version": "6.0.0", - "spectrum-body-m-serif-emphasized-strong-name": "Body (m-serif-emphasized-strong)", - "spectrum-body-m-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=m emphasized=true strong=true", - "spectrum-body-m-serif-emphasized-strong-status": "Verified", - "spectrum-body-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-m-serif-emphasized-name": "Body (m-serif-emphasized)", - "spectrum-body-m-serif-emphasized-description": "Body with options script=latin classification=serif size=m emphasized=true strong=false", - "spectrum-body-m-serif-emphasized-status": "Verified", - "spectrum-body-m-serif-emphasized-version": "6.0.0", - "spectrum-body-m-serif-strong-name": "Body (m-serif-strong)", - "spectrum-body-m-serif-strong-description": "Body with options script=latin classification=serif size=m emphasized=false strong=true", - "spectrum-body-m-serif-strong-status": "Verified", - "spectrum-body-m-serif-strong-version": "6.0.0", - "spectrum-body-m-serif-name": "Body (m-serif)", - "spectrum-body-m-serif-description": "Body with options script=latin classification=serif size=m emphasized=false strong=false", - "spectrum-body-m-serif-status": "Verified", - "spectrum-body-m-serif-version": "6.0.0", - "spectrum-body-l-serif-emphasized-strong-name": "Body (l-serif-emphasized-strong)", - "spectrum-body-l-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=l emphasized=true strong=true", - "spectrum-body-l-serif-emphasized-strong-status": "Verified", - "spectrum-body-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-l-serif-emphasized-name": "Body (l-serif-emphasized)", - "spectrum-body-l-serif-emphasized-description": "Body with options script=latin classification=serif size=l emphasized=true strong=false", - "spectrum-body-l-serif-emphasized-status": "Verified", - "spectrum-body-l-serif-emphasized-version": "6.0.0", - "spectrum-body-l-serif-strong-name": "Body (l-serif-strong)", - "spectrum-body-l-serif-strong-description": "Body with options script=latin classification=serif size=l emphasized=false strong=true", - "spectrum-body-l-serif-strong-status": "Verified", - "spectrum-body-l-serif-strong-version": "6.0.0", - "spectrum-body-l-serif-name": "Body (l-serif)", - "spectrum-body-l-serif-description": "Body with options script=latin classification=serif size=l emphasized=false strong=false", - "spectrum-body-l-serif-status": "Verified", - "spectrum-body-l-serif-version": "6.0.0", - "spectrum-body-xl-serif-emphasized-strong-name": "Body (xl-serif-emphasized-strong)", - "spectrum-body-xl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xl emphasized=true strong=true", - "spectrum-body-xl-serif-emphasized-strong-status": "Verified", - "spectrum-body-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-xl-serif-emphasized-name": "Body (xl-serif-emphasized)", - "spectrum-body-xl-serif-emphasized-description": "Body with options script=latin classification=serif size=xl emphasized=true strong=false", - "spectrum-body-xl-serif-emphasized-status": "Verified", - "spectrum-body-xl-serif-emphasized-version": "6.0.0", - "spectrum-body-xl-serif-strong-name": "Body (xl-serif-strong)", - "spectrum-body-xl-serif-strong-description": "Body with options script=latin classification=serif size=xl emphasized=false strong=true", - "spectrum-body-xl-serif-strong-status": "Verified", - "spectrum-body-xl-serif-strong-version": "6.0.0", - "spectrum-body-xl-serif-name": "Body (xl-serif)", - "spectrum-body-xl-serif-description": "Body with options script=latin classification=serif size=xl emphasized=false strong=false", - "spectrum-body-xl-serif-status": "Verified", - "spectrum-body-xl-serif-version": "6.0.0", - "spectrum-body-xxl-serif-emphasized-strong-name": "Body (xxl-serif-emphasized-strong)", - "spectrum-body-xxl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xxl emphasized=true strong=true", - "spectrum-body-xxl-serif-emphasized-strong-status": "Verified", - "spectrum-body-xxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-xxl-serif-emphasized-name": "Body (xxl-serif-emphasized)", - "spectrum-body-xxl-serif-emphasized-description": "Body with options script=latin classification=serif size=xxl emphasized=true strong=false", - "spectrum-body-xxl-serif-emphasized-status": "Verified", - "spectrum-body-xxl-serif-emphasized-version": "6.0.0", - "spectrum-body-xxl-serif-strong-name": "Body (xxl-serif-strong)", - "spectrum-body-xxl-serif-strong-description": "Body with options script=latin classification=serif size=xxl emphasized=false strong=true", - "spectrum-body-xxl-serif-strong-status": "Verified", - "spectrum-body-xxl-serif-strong-version": "6.0.0", - "spectrum-body-xxl-serif-name": "Body (xxl-serif)", - "spectrum-body-xxl-serif-description": "Body with options script=latin classification=serif size=xxl emphasized=false strong=false", - "spectrum-body-xxl-serif-status": "Verified", - "spectrum-body-xxl-serif-version": "6.0.0", - "spectrum-body-xxxl-serif-emphasized-strong-name": "Body (xxxl-serif-emphasized-strong)", - "spectrum-body-xxxl-serif-emphasized-strong-description": "Body with options script=latin classification=serif size=xxxl emphasized=true strong=true", - "spectrum-body-xxxl-serif-emphasized-strong-status": "Verified", - "spectrum-body-xxxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-xxxl-serif-emphasized-name": "Body (xxxl-serif-emphasized)", - "spectrum-body-xxxl-serif-emphasized-description": "Body with options script=latin classification=serif size=xxxl emphasized=true strong=false", - "spectrum-body-xxxl-serif-emphasized-status": "Verified", - "spectrum-body-xxxl-serif-emphasized-version": "6.0.0", - "spectrum-body-xxxl-serif-strong-name": "Body (xxxl-serif-strong)", - "spectrum-body-xxxl-serif-strong-description": "Body with options script=latin classification=serif size=xxxl emphasized=false strong=true", - "spectrum-body-xxxl-serif-strong-status": "Verified", - "spectrum-body-xxxl-serif-strong-version": "6.0.0", - "spectrum-body-xxxl-serif-name": "Body (xxxl-serif)", - "spectrum-body-xxxl-serif-description": "Body with options script=latin classification=serif size=xxxl emphasized=false strong=false", - "spectrum-body-xxxl-serif-status": "Verified", - "spectrum-body-xxxl-serif-version": "6.0.0", - "spectrum-body-xs-emphasized-strong-name": "Body (xs-emphasized-strong)", - "spectrum-body-xs-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-body-xs-emphasized-strong-status": "Verified", - "spectrum-body-xs-emphasized-strong-version": "6.0.0", - "spectrum-body-xs-emphasized-name": "Body (xs-emphasized)", - "spectrum-body-xs-emphasized-description": "Body with options script=latin classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-body-xs-emphasized-status": "Verified", - "spectrum-body-xs-emphasized-version": "6.0.0", - "spectrum-body-xs-strong-name": "Body (xs-strong)", - "spectrum-body-xs-strong-description": "Body with options script=latin classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-body-xs-strong-status": "Verified", - "spectrum-body-xs-strong-version": "6.0.0", - "spectrum-body-xs-name": "Body (xs)", - "spectrum-body-xs-description": "Body with options script=latin classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-body-xs-status": "Verified", - "spectrum-body-xs-version": "6.0.0", - "spectrum-body-s-emphasized-strong-name": "Body (s-emphasized-strong)", - "spectrum-body-s-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=s emphasized=true strong=true", - "spectrum-body-s-emphasized-strong-status": "Verified", - "spectrum-body-s-emphasized-strong-version": "6.0.0", - "spectrum-body-s-emphasized-name": "Body (s-emphasized)", - "spectrum-body-s-emphasized-description": "Body with options script=latin classification=sans-serif size=s emphasized=true strong=false", - "spectrum-body-s-emphasized-status": "Verified", - "spectrum-body-s-emphasized-version": "6.0.0", - "spectrum-body-s-strong-name": "Body (s-strong)", - "spectrum-body-s-strong-description": "Body with options script=latin classification=sans-serif size=s emphasized=false strong=true", - "spectrum-body-s-strong-status": "Verified", - "spectrum-body-s-strong-version": "6.0.0", - "spectrum-body-s-name": "Body (s)", - "spectrum-body-s-description": "Body with options script=latin classification=sans-serif size=s emphasized=false strong=false", - "spectrum-body-s-status": "Verified", - "spectrum-body-s-version": "6.0.0", - "spectrum-body-m-emphasized-strong-name": "Body (m-emphasized-strong)", - "spectrum-body-m-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=m emphasized=true strong=true", - "spectrum-body-m-emphasized-strong-status": "Verified", - "spectrum-body-m-emphasized-strong-version": "6.0.0", - "spectrum-body-m-emphasized-name": "Body (m-emphasized)", - "spectrum-body-m-emphasized-description": "Body with options script=latin classification=sans-serif size=m emphasized=true strong=false", - "spectrum-body-m-emphasized-status": "Verified", - "spectrum-body-m-emphasized-version": "6.0.0", - "spectrum-body-m-strong-name": "Body (m-strong)", - "spectrum-body-m-strong-description": "Body with options script=latin classification=sans-serif size=m emphasized=false strong=true", - "spectrum-body-m-strong-status": "Verified", - "spectrum-body-m-strong-version": "6.0.0", - "spectrum-body-m-name": "Body (m)", - "spectrum-body-m-description": "Body with options script=latin classification=sans-serif size=m emphasized=false strong=false", - "spectrum-body-m-status": "Verified", - "spectrum-body-m-version": "6.0.0", - "spectrum-body-l-emphasized-strong-name": "Body (l-emphasized-strong)", - "spectrum-body-l-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=l emphasized=true strong=true", - "spectrum-body-l-emphasized-strong-status": "Verified", - "spectrum-body-l-emphasized-strong-version": "6.0.0", - "spectrum-body-l-emphasized-name": "Body (l-emphasized)", - "spectrum-body-l-emphasized-description": "Body with options script=latin classification=sans-serif size=l emphasized=true strong=false", - "spectrum-body-l-emphasized-status": "Verified", - "spectrum-body-l-emphasized-version": "6.0.0", - "spectrum-body-l-strong-name": "Body (l-strong)", - "spectrum-body-l-strong-description": "Body with options script=latin classification=sans-serif size=l emphasized=false strong=true", - "spectrum-body-l-strong-status": "Verified", - "spectrum-body-l-strong-version": "6.0.0", - "spectrum-body-l-name": "Body (l)", - "spectrum-body-l-description": "Body with options script=latin classification=sans-serif size=l emphasized=false strong=false", - "spectrum-body-l-status": "Verified", - "spectrum-body-l-version": "6.0.0", - "spectrum-body-xl-emphasized-strong-name": "Body (xl-emphasized-strong)", - "spectrum-body-xl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-body-xl-emphasized-strong-status": "Verified", - "spectrum-body-xl-emphasized-strong-version": "6.0.0", - "spectrum-body-xl-emphasized-name": "Body (xl-emphasized)", - "spectrum-body-xl-emphasized-description": "Body with options script=latin classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-body-xl-emphasized-status": "Verified", - "spectrum-body-xl-emphasized-version": "6.0.0", - "spectrum-body-xl-strong-name": "Body (xl-strong)", - "spectrum-body-xl-strong-description": "Body with options script=latin classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-body-xl-strong-status": "Verified", - "spectrum-body-xl-strong-version": "6.0.0", - "spectrum-body-xl-name": "Body (xl)", - "spectrum-body-xl-description": "Body with options script=latin classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-body-xl-status": "Verified", - "spectrum-body-xl-version": "6.0.0", - "spectrum-body-xxl-emphasized-strong-name": "Body (xxl-emphasized-strong)", - "spectrum-body-xxl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-body-xxl-emphasized-strong-status": "Verified", - "spectrum-body-xxl-emphasized-strong-version": "6.0.0", - "spectrum-body-xxl-emphasized-name": "Body (xxl-emphasized)", - "spectrum-body-xxl-emphasized-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-body-xxl-emphasized-status": "Verified", - "spectrum-body-xxl-emphasized-version": "6.0.0", - "spectrum-body-xxl-strong-name": "Body (xxl-strong)", - "spectrum-body-xxl-strong-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-body-xxl-strong-status": "Verified", - "spectrum-body-xxl-strong-version": "6.0.0", - "spectrum-body-xxl-name": "Body (xxl)", - "spectrum-body-xxl-description": "Body with options script=latin classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-body-xxl-status": "Verified", - "spectrum-body-xxl-version": "6.0.0", - "spectrum-body-xxxl-emphasized-strong-name": "Body (xxxl-emphasized-strong)", - "spectrum-body-xxxl-emphasized-strong-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-body-xxxl-emphasized-strong-status": "Verified", - "spectrum-body-xxxl-emphasized-strong-version": "6.0.0", - "spectrum-body-xxxl-emphasized-name": "Body (xxxl-emphasized)", - "spectrum-body-xxxl-emphasized-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-body-xxxl-emphasized-status": "Verified", - "spectrum-body-xxxl-emphasized-version": "6.0.0", - "spectrum-body-xxxl-strong-name": "Body (xxxl-strong)", - "spectrum-body-xxxl-strong-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-body-xxxl-strong-status": "Verified", - "spectrum-body-xxxl-strong-version": "6.0.0", - "spectrum-body-xxxl-name": "Body (xxxl)", - "spectrum-body-xxxl-description": "Body with options script=latin classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-body-xxxl-status": "Verified", - "spectrum-body-xxxl-version": "6.0.0", - "spectrum-body-han-xs-serif-emphasized-strong-name": "Body (han-xs-serif-emphasized-strong)", - "spectrum-body-han-xs-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xs emphasized=true strong=true", - "spectrum-body-han-xs-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-xs-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xs-serif-emphasized-name": "Body (han-xs-serif-emphasized)", - "spectrum-body-han-xs-serif-emphasized-description": "Body with options script=han classification=serif size=xs emphasized=true strong=false", - "spectrum-body-han-xs-serif-emphasized-status": "Verified", - "spectrum-body-han-xs-serif-emphasized-version": "6.0.0", - "spectrum-body-han-xs-serif-strong-name": "Body (han-xs-serif-strong)", - "spectrum-body-han-xs-serif-strong-description": "Body with options script=han classification=serif size=xs emphasized=false strong=true", - "spectrum-body-han-xs-serif-strong-status": "Verified", - "spectrum-body-han-xs-serif-strong-version": "6.0.0", - "spectrum-body-han-xs-serif-name": "Body (han-xs-serif)", - "spectrum-body-han-xs-serif-description": "Body with options script=han classification=serif size=xs emphasized=false strong=false", - "spectrum-body-han-xs-serif-status": "Verified", - "spectrum-body-han-xs-serif-version": "6.0.0", - "spectrum-body-han-s-serif-emphasized-strong-name": "Body (han-s-serif-emphasized-strong)", - "spectrum-body-han-s-serif-emphasized-strong-description": "Body with options script=han classification=serif size=s emphasized=true strong=true", - "spectrum-body-han-s-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-s-serif-emphasized-name": "Body (han-s-serif-emphasized)", - "spectrum-body-han-s-serif-emphasized-description": "Body with options script=han classification=serif size=s emphasized=true strong=false", - "spectrum-body-han-s-serif-emphasized-status": "Verified", - "spectrum-body-han-s-serif-emphasized-version": "6.0.0", - "spectrum-body-han-s-serif-strong-name": "Body (han-s-serif-strong)", - "spectrum-body-han-s-serif-strong-description": "Body with options script=han classification=serif size=s emphasized=false strong=true", - "spectrum-body-han-s-serif-strong-status": "Verified", - "spectrum-body-han-s-serif-strong-version": "6.0.0", - "spectrum-body-han-s-serif-name": "Body (han-s-serif)", - "spectrum-body-han-s-serif-description": "Body with options script=han classification=serif size=s emphasized=false strong=false", - "spectrum-body-han-s-serif-status": "Verified", - "spectrum-body-han-s-serif-version": "6.0.0", - "spectrum-body-han-m-serif-emphasized-strong-name": "Body (han-m-serif-emphasized-strong)", - "spectrum-body-han-m-serif-emphasized-strong-description": "Body with options script=han classification=serif size=m emphasized=true strong=true", - "spectrum-body-han-m-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-m-serif-emphasized-name": "Body (han-m-serif-emphasized)", - "spectrum-body-han-m-serif-emphasized-description": "Body with options script=han classification=serif size=m emphasized=true strong=false", - "spectrum-body-han-m-serif-emphasized-status": "Verified", - "spectrum-body-han-m-serif-emphasized-version": "6.0.0", - "spectrum-body-han-m-serif-strong-name": "Body (han-m-serif-strong)", - "spectrum-body-han-m-serif-strong-description": "Body with options script=han classification=serif size=m emphasized=false strong=true", - "spectrum-body-han-m-serif-strong-status": "Verified", - "spectrum-body-han-m-serif-strong-version": "6.0.0", - "spectrum-body-han-m-serif-name": "Body (han-m-serif)", - "spectrum-body-han-m-serif-description": "Body with options script=han classification=serif size=m emphasized=false strong=false", - "spectrum-body-han-m-serif-status": "Verified", - "spectrum-body-han-m-serif-version": "6.0.0", - "spectrum-body-han-l-serif-emphasized-strong-name": "Body (han-l-serif-emphasized-strong)", - "spectrum-body-han-l-serif-emphasized-strong-description": "Body with options script=han classification=serif size=l emphasized=true strong=true", - "spectrum-body-han-l-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-l-serif-emphasized-name": "Body (han-l-serif-emphasized)", - "spectrum-body-han-l-serif-emphasized-description": "Body with options script=han classification=serif size=l emphasized=true strong=false", - "spectrum-body-han-l-serif-emphasized-status": "Verified", - "spectrum-body-han-l-serif-emphasized-version": "6.0.0", - "spectrum-body-han-l-serif-strong-name": "Body (han-l-serif-strong)", - "spectrum-body-han-l-serif-strong-description": "Body with options script=han classification=serif size=l emphasized=false strong=true", - "spectrum-body-han-l-serif-strong-status": "Verified", - "spectrum-body-han-l-serif-strong-version": "6.0.0", - "spectrum-body-han-l-serif-name": "Body (han-l-serif)", - "spectrum-body-han-l-serif-description": "Body with options script=han classification=serif size=l emphasized=false strong=false", - "spectrum-body-han-l-serif-status": "Verified", - "spectrum-body-han-l-serif-version": "6.0.0", - "spectrum-body-han-xl-serif-emphasized-strong-name": "Body (han-xl-serif-emphasized-strong)", - "spectrum-body-han-xl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xl emphasized=true strong=true", - "spectrum-body-han-xl-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xl-serif-emphasized-name": "Body (han-xl-serif-emphasized)", - "spectrum-body-han-xl-serif-emphasized-description": "Body with options script=han classification=serif size=xl emphasized=true strong=false", - "spectrum-body-han-xl-serif-emphasized-status": "Verified", - "spectrum-body-han-xl-serif-emphasized-version": "6.0.0", - "spectrum-body-han-xl-serif-strong-name": "Body (han-xl-serif-strong)", - "spectrum-body-han-xl-serif-strong-description": "Body with options script=han classification=serif size=xl emphasized=false strong=true", - "spectrum-body-han-xl-serif-strong-status": "Verified", - "spectrum-body-han-xl-serif-strong-version": "6.0.0", - "spectrum-body-han-xl-serif-name": "Body (han-xl-serif)", - "spectrum-body-han-xl-serif-description": "Body with options script=han classification=serif size=xl emphasized=false strong=false", - "spectrum-body-han-xl-serif-status": "Verified", - "spectrum-body-han-xl-serif-version": "6.0.0", - "spectrum-body-han-xxl-serif-emphasized-strong-name": "Body (han-xxl-serif-emphasized-strong)", - "spectrum-body-han-xxl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xxl emphasized=true strong=true", - "spectrum-body-han-xxl-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-xxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xxl-serif-emphasized-name": "Body (han-xxl-serif-emphasized)", - "spectrum-body-han-xxl-serif-emphasized-description": "Body with options script=han classification=serif size=xxl emphasized=true strong=false", - "spectrum-body-han-xxl-serif-emphasized-status": "Verified", - "spectrum-body-han-xxl-serif-emphasized-version": "6.0.0", - "spectrum-body-han-xxl-serif-strong-name": "Body (han-xxl-serif-strong)", - "spectrum-body-han-xxl-serif-strong-description": "Body with options script=han classification=serif size=xxl emphasized=false strong=true", - "spectrum-body-han-xxl-serif-strong-status": "Verified", - "spectrum-body-han-xxl-serif-strong-version": "6.0.0", - "spectrum-body-han-xxl-serif-name": "Body (han-xxl-serif)", - "spectrum-body-han-xxl-serif-description": "Body with options script=han classification=serif size=xxl emphasized=false strong=false", - "spectrum-body-han-xxl-serif-status": "Verified", - "spectrum-body-han-xxl-serif-version": "6.0.0", - "spectrum-body-han-xxxl-serif-emphasized-strong-name": "Body (han-xxxl-serif-emphasized-strong)", - "spectrum-body-han-xxxl-serif-emphasized-strong-description": "Body with options script=han classification=serif size=xxxl emphasized=true strong=true", - "spectrum-body-han-xxxl-serif-emphasized-strong-status": "Verified", - "spectrum-body-han-xxxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xxxl-serif-emphasized-name": "Body (han-xxxl-serif-emphasized)", - "spectrum-body-han-xxxl-serif-emphasized-description": "Body with options script=han classification=serif size=xxxl emphasized=true strong=false", - "spectrum-body-han-xxxl-serif-emphasized-status": "Verified", - "spectrum-body-han-xxxl-serif-emphasized-version": "6.0.0", - "spectrum-body-han-xxxl-serif-strong-name": "Body (han-xxxl-serif-strong)", - "spectrum-body-han-xxxl-serif-strong-description": "Body with options script=han classification=serif size=xxxl emphasized=false strong=true", - "spectrum-body-han-xxxl-serif-strong-status": "Verified", - "spectrum-body-han-xxxl-serif-strong-version": "6.0.0", - "spectrum-body-han-xxxl-serif-name": "Body (han-xxxl-serif)", - "spectrum-body-han-xxxl-serif-description": "Body with options script=han classification=serif size=xxxl emphasized=false strong=false", - "spectrum-body-han-xxxl-serif-status": "Verified", - "spectrum-body-han-xxxl-serif-version": "6.0.0", - "spectrum-body-han-xs-emphasized-strong-name": "Body (han-xs-emphasized-strong)", - "spectrum-body-han-xs-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-body-han-xs-emphasized-strong-status": "Verified", - "spectrum-body-han-xs-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xs-emphasized-name": "Body (han-xs-emphasized)", - "spectrum-body-han-xs-emphasized-description": "Body with options script=han classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-body-han-xs-emphasized-status": "Verified", - "spectrum-body-han-xs-emphasized-version": "6.0.0", - "spectrum-body-han-xs-strong-name": "Body (han-xs-strong)", - "spectrum-body-han-xs-strong-description": "Body with options script=han classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-body-han-xs-strong-status": "Verified", - "spectrum-body-han-xs-strong-version": "6.0.0", - "spectrum-body-han-xs-name": "Body (han-xs)", - "spectrum-body-han-xs-description": "Body with options script=han classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-body-han-xs-status": "Verified", - "spectrum-body-han-xs-version": "6.0.0", - "spectrum-body-han-s-emphasized-strong-name": "Body (han-s-emphasized-strong)", - "spectrum-body-han-s-emphasized-strong-description": "Body with options script=han classification=sans-serif size=s emphasized=true strong=true", - "spectrum-body-han-s-emphasized-strong-status": "Verified", - "spectrum-body-han-s-emphasized-strong-version": "6.0.0", - "spectrum-body-han-s-emphasized-name": "Body (han-s-emphasized)", - "spectrum-body-han-s-emphasized-description": "Body with options script=han classification=sans-serif size=s emphasized=true strong=false", - "spectrum-body-han-s-emphasized-status": "Verified", - "spectrum-body-han-s-emphasized-version": "6.0.0", - "spectrum-body-han-s-strong-name": "Body (han-s-strong)", - "spectrum-body-han-s-strong-description": "Body with options script=han classification=sans-serif size=s emphasized=false strong=true", - "spectrum-body-han-s-strong-status": "Verified", - "spectrum-body-han-s-strong-version": "6.0.0", - "spectrum-body-han-s-name": "Body (han-s)", - "spectrum-body-han-s-description": "Body with options script=han classification=sans-serif size=s emphasized=false strong=false", - "spectrum-body-han-s-status": "Verified", - "spectrum-body-han-s-version": "6.0.0", - "spectrum-body-han-m-emphasized-strong-name": "Body (han-m-emphasized-strong)", - "spectrum-body-han-m-emphasized-strong-description": "Body with options script=han classification=sans-serif size=m emphasized=true strong=true", - "spectrum-body-han-m-emphasized-strong-status": "Verified", - "spectrum-body-han-m-emphasized-strong-version": "6.0.0", - "spectrum-body-han-m-emphasized-name": "Body (han-m-emphasized)", - "spectrum-body-han-m-emphasized-description": "Body with options script=han classification=sans-serif size=m emphasized=true strong=false", - "spectrum-body-han-m-emphasized-status": "Verified", - "spectrum-body-han-m-emphasized-version": "6.0.0", - "spectrum-body-han-m-strong-name": "Body (han-m-strong)", - "spectrum-body-han-m-strong-description": "Body with options script=han classification=sans-serif size=m emphasized=false strong=true", - "spectrum-body-han-m-strong-status": "Verified", - "spectrum-body-han-m-strong-version": "6.0.0", - "spectrum-body-han-m-name": "Body (han-m)", - "spectrum-body-han-m-description": "Body with options script=han classification=sans-serif size=m emphasized=false strong=false", - "spectrum-body-han-m-status": "Verified", - "spectrum-body-han-m-version": "6.0.0", - "spectrum-body-han-l-emphasized-strong-name": "Body (han-l-emphasized-strong)", - "spectrum-body-han-l-emphasized-strong-description": "Body with options script=han classification=sans-serif size=l emphasized=true strong=true", - "spectrum-body-han-l-emphasized-strong-status": "Verified", - "spectrum-body-han-l-emphasized-strong-version": "6.0.0", - "spectrum-body-han-l-emphasized-name": "Body (han-l-emphasized)", - "spectrum-body-han-l-emphasized-description": "Body with options script=han classification=sans-serif size=l emphasized=true strong=false", - "spectrum-body-han-l-emphasized-status": "Verified", - "spectrum-body-han-l-emphasized-version": "6.0.0", - "spectrum-body-han-l-strong-name": "Body (han-l-strong)", - "spectrum-body-han-l-strong-description": "Body with options script=han classification=sans-serif size=l emphasized=false strong=true", - "spectrum-body-han-l-strong-status": "Verified", - "spectrum-body-han-l-strong-version": "6.0.0", - "spectrum-body-han-l-name": "Body (han-l)", - "spectrum-body-han-l-description": "Body with options script=han classification=sans-serif size=l emphasized=false strong=false", - "spectrum-body-han-l-status": "Verified", - "spectrum-body-han-l-version": "6.0.0", - "spectrum-body-han-xl-emphasized-strong-name": "Body (han-xl-emphasized-strong)", - "spectrum-body-han-xl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-body-han-xl-emphasized-strong-status": "Verified", - "spectrum-body-han-xl-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xl-emphasized-name": "Body (han-xl-emphasized)", - "spectrum-body-han-xl-emphasized-description": "Body with options script=han classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-body-han-xl-emphasized-status": "Verified", - "spectrum-body-han-xl-emphasized-version": "6.0.0", - "spectrum-body-han-xl-strong-name": "Body (han-xl-strong)", - "spectrum-body-han-xl-strong-description": "Body with options script=han classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-body-han-xl-strong-status": "Verified", - "spectrum-body-han-xl-strong-version": "6.0.0", - "spectrum-body-han-xl-name": "Body (han-xl)", - "spectrum-body-han-xl-description": "Body with options script=han classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-body-han-xl-status": "Verified", - "spectrum-body-han-xl-version": "6.0.0", - "spectrum-body-han-xxl-emphasized-strong-name": "Body (han-xxl-emphasized-strong)", - "spectrum-body-han-xxl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-body-han-xxl-emphasized-strong-status": "Verified", - "spectrum-body-han-xxl-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xxl-emphasized-name": "Body (han-xxl-emphasized)", - "spectrum-body-han-xxl-emphasized-description": "Body with options script=han classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-body-han-xxl-emphasized-status": "Verified", - "spectrum-body-han-xxl-emphasized-version": "6.0.0", - "spectrum-body-han-xxl-strong-name": "Body (han-xxl-strong)", - "spectrum-body-han-xxl-strong-description": "Body with options script=han classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-body-han-xxl-strong-status": "Verified", - "spectrum-body-han-xxl-strong-version": "6.0.0", - "spectrum-body-han-xxl-name": "Body (han-xxl)", - "spectrum-body-han-xxl-description": "Body with options script=han classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-body-han-xxl-status": "Verified", - "spectrum-body-han-xxl-version": "6.0.0", - "spectrum-body-han-xxxl-emphasized-strong-name": "Body (han-xxxl-emphasized-strong)", - "spectrum-body-han-xxxl-emphasized-strong-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-body-han-xxxl-emphasized-strong-status": "Verified", - "spectrum-body-han-xxxl-emphasized-strong-version": "6.0.0", - "spectrum-body-han-xxxl-emphasized-name": "Body (han-xxxl-emphasized)", - "spectrum-body-han-xxxl-emphasized-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-body-han-xxxl-emphasized-status": "Verified", - "spectrum-body-han-xxxl-emphasized-version": "6.0.0", - "spectrum-body-han-xxxl-strong-name": "Body (han-xxxl-strong)", - "spectrum-body-han-xxxl-strong-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-body-han-xxxl-strong-status": "Verified", - "spectrum-body-han-xxxl-strong-version": "6.0.0", - "spectrum-body-han-xxxl-name": "Body (han-xxxl)", - "spectrum-body-han-xxxl-description": "Body with options script=han classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-body-han-xxxl-status": "Verified", - "spectrum-body-han-xxxl-version": "6.0.0", - "spectrum-bottomnavigation-primary-name": "BottomNavigation (primary)", - "spectrum-bottomnavigation-primary-description": "BottomNavigation with options variant=primary position=top", - "spectrum-bottomnavigation-primary-status": "Verified", - "spectrum-bottomnavigation-primary-version": "1.1.0", - "spectrum-bottomnavigation-sidelabel-primary-name": "BottomNavigation (sidelabel-primary)", - "spectrum-bottomnavigation-sidelabel-primary-description": "BottomNavigation with options variant=primary position=sidelabel", - "spectrum-bottomnavigation-sidelabel-primary-status": "Verified", - "spectrum-bottomnavigation-sidelabel-primary-version": "1.1.0", - "spectrum-bottomnavigation-secondary-name": "BottomNavigation (secondary)", - "spectrum-bottomnavigation-secondary-description": "BottomNavigation with options variant=secondary position=top", - "spectrum-bottomnavigation-secondary-status": "Verified", - "spectrum-bottomnavigation-secondary-version": "1.1.0", - "spectrum-bottomnavigation-sidelabel-secondary-name": "BottomNavigation (sidelabel-secondary)", - "spectrum-bottomnavigation-sidelabel-secondary-description": "BottomNavigation with options variant=secondary position=sidelabel", - "spectrum-bottomnavigation-sidelabel-secondary-status": "Verified", - "spectrum-bottomnavigation-sidelabel-secondary-version": "1.1.0", - "spectrum-breadcrumb-s-multiline-name": "Breadcrumb (s-multiline)", - "spectrum-breadcrumb-s-multiline-description": "Breadcrumb with options size=s multiline=true", - "spectrum-breadcrumb-s-multiline-status": "Verified", - "spectrum-breadcrumb-s-multiline-version": "1.0.0", - "spectrum-breadcrumb-s-name": "Breadcrumb (s)", - "spectrum-breadcrumb-s-description": "Breadcrumb with options size=s multiline=false", - "spectrum-breadcrumb-s-status": "Verified", - "spectrum-breadcrumb-s-version": "1.0.0", - "spectrum-breadcrumb-m-multiline-name": "Breadcrumb (m-multiline)", - "spectrum-breadcrumb-m-multiline-description": "Breadcrumb with options size=m multiline=true", - "spectrum-breadcrumb-m-multiline-status": "Verified", - "spectrum-breadcrumb-m-multiline-version": "1.0.0", - "spectrum-breadcrumb-m-name": "Breadcrumb (m)", - "spectrum-breadcrumb-m-description": "Breadcrumb with options size=m multiline=false", - "spectrum-breadcrumb-m-status": "Verified", - "spectrum-breadcrumb-m-version": "1.0.0", - "spectrum-breadcrumb-l-multiline-name": "Breadcrumb (l-multiline)", - "spectrum-breadcrumb-l-multiline-description": "Breadcrumb with options size=l multiline=true", - "spectrum-breadcrumb-l-multiline-status": "Verified", - "spectrum-breadcrumb-l-multiline-version": "1.0.0", - "spectrum-breadcrumb-l-name": "Breadcrumb (l)", - "spectrum-breadcrumb-l-description": "Breadcrumb with options size=l multiline=false", - "spectrum-breadcrumb-l-status": "Verified", - "spectrum-breadcrumb-l-version": "1.0.0", - "spectrum-button-s-accent-fill-icononly-name": "Button (s-accent-fill-icononly)", - "spectrum-button-s-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-icononly-status": "Verified", - "spectrum-button-s-accent-fill-icononly-version": "7.1.0", - "spectrum-button-s-primary-fill-icononly-name": "Button (s-primary-fill-icononly)", - "spectrum-button-s-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-icononly-status": "Verified", - "spectrum-button-s-primary-fill-icononly-version": "7.1.0", - "spectrum-button-s-secondary-fill-icononly-name": "Button (s-secondary-fill-icononly)", - "spectrum-button-s-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-icononly-status": "Verified", - "spectrum-button-s-secondary-fill-icononly-version": "7.1.0", - "spectrum-button-s-negative-fill-icononly-name": "Button (s-negative-fill-icononly)", - "spectrum-button-s-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-icononly-status": "Verified", - "spectrum-button-s-negative-fill-icononly-version": "7.1.0", - "spectrum-button-s-accent-fill-texticon-name": "Button (s-accent-fill-texticon)", - "spectrum-button-s-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-texticon-status": "Verified", - "spectrum-button-s-accent-fill-texticon-version": "7.1.0", - "spectrum-button-s-primary-fill-texticon-name": "Button (s-primary-fill-texticon)", - "spectrum-button-s-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-texticon-status": "Verified", - "spectrum-button-s-primary-fill-texticon-version": "7.1.0", - "spectrum-button-s-secondary-fill-texticon-name": "Button (s-secondary-fill-texticon)", - "spectrum-button-s-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-texticon-status": "Verified", - "spectrum-button-s-secondary-fill-texticon-version": "7.1.0", - "spectrum-button-s-negative-fill-texticon-name": "Button (s-negative-fill-texticon)", - "spectrum-button-s-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-texticon-status": "Verified", - "spectrum-button-s-negative-fill-texticon-version": "7.1.0", - "spectrum-button-s-accent-fill-textonly-name": "Button (s-accent-fill-textonly)", - "spectrum-button-s-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-textonly-status": "Verified", - "spectrum-button-s-accent-fill-textonly-version": "7.1.0", - "spectrum-button-s-primary-fill-textonly-name": "Button (s-primary-fill-textonly)", - "spectrum-button-s-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-textonly-status": "Verified", - "spectrum-button-s-primary-fill-textonly-version": "7.1.0", - "spectrum-button-s-secondary-fill-textonly-name": "Button (s-secondary-fill-textonly)", - "spectrum-button-s-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-textonly-status": "Verified", - "spectrum-button-s-secondary-fill-textonly-version": "7.1.0", - "spectrum-button-s-negative-fill-textonly-name": "Button (s-negative-fill-textonly)", - "spectrum-button-s-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-textonly-status": "Verified", - "spectrum-button-s-negative-fill-textonly-version": "7.1.0", - "spectrum-button-m-accent-fill-icononly-name": "Button (m-accent-fill-icononly)", - "spectrum-button-m-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-icononly-status": "Verified", - "spectrum-button-m-accent-fill-icononly-version": "7.1.0", - "spectrum-button-m-primary-fill-icononly-name": "Button (m-primary-fill-icononly)", - "spectrum-button-m-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-icononly-status": "Verified", - "spectrum-button-m-primary-fill-icononly-version": "7.1.0", - "spectrum-button-m-secondary-fill-icononly-name": "Button (m-secondary-fill-icononly)", - "spectrum-button-m-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-icononly-status": "Verified", - "spectrum-button-m-secondary-fill-icononly-version": "7.1.0", - "spectrum-button-m-negative-fill-icononly-name": "Button (m-negative-fill-icononly)", - "spectrum-button-m-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-icononly-status": "Verified", - "spectrum-button-m-negative-fill-icononly-version": "7.1.0", - "spectrum-button-m-accent-fill-texticon-name": "Button (m-accent-fill-texticon)", - "spectrum-button-m-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-texticon-status": "Verified", - "spectrum-button-m-accent-fill-texticon-version": "7.1.0", - "spectrum-button-m-primary-fill-texticon-name": "Button (m-primary-fill-texticon)", - "spectrum-button-m-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-texticon-status": "Verified", - "spectrum-button-m-primary-fill-texticon-version": "7.1.0", - "spectrum-button-m-secondary-fill-texticon-name": "Button (m-secondary-fill-texticon)", - "spectrum-button-m-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-texticon-status": "Verified", - "spectrum-button-m-secondary-fill-texticon-version": "7.1.0", - "spectrum-button-m-negative-fill-texticon-name": "Button (m-negative-fill-texticon)", - "spectrum-button-m-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-texticon-status": "Verified", - "spectrum-button-m-negative-fill-texticon-version": "7.1.0", - "spectrum-button-m-accent-fill-textonly-name": "Button (m-accent-fill-textonly)", - "spectrum-button-m-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-textonly-status": "Verified", - "spectrum-button-m-accent-fill-textonly-version": "7.1.0", - "spectrum-button-m-primary-fill-textonly-name": "Button (m-primary-fill-textonly)", - "spectrum-button-m-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-textonly-status": "Verified", - "spectrum-button-m-primary-fill-textonly-version": "7.1.0", - "spectrum-button-m-secondary-fill-textonly-name": "Button (m-secondary-fill-textonly)", - "spectrum-button-m-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-textonly-status": "Verified", - "spectrum-button-m-secondary-fill-textonly-version": "7.1.0", - "spectrum-button-m-negative-fill-textonly-name": "Button (m-negative-fill-textonly)", - "spectrum-button-m-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-textonly-status": "Verified", - "spectrum-button-m-negative-fill-textonly-version": "7.1.0", - "spectrum-button-l-accent-fill-icononly-name": "Button (l-accent-fill-icononly)", - "spectrum-button-l-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-icononly-status": "Verified", - "spectrum-button-l-accent-fill-icononly-version": "7.1.0", - "spectrum-button-l-primary-fill-icononly-name": "Button (l-primary-fill-icononly)", - "spectrum-button-l-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-icononly-status": "Verified", - "spectrum-button-l-primary-fill-icononly-version": "7.1.0", - "spectrum-button-l-secondary-fill-icononly-name": "Button (l-secondary-fill-icononly)", - "spectrum-button-l-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-icononly-status": "Verified", - "spectrum-button-l-secondary-fill-icononly-version": "7.1.0", - "spectrum-button-l-negative-fill-icononly-name": "Button (l-negative-fill-icononly)", - "spectrum-button-l-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-icononly-status": "Verified", - "spectrum-button-l-negative-fill-icononly-version": "7.1.0", - "spectrum-button-l-accent-fill-texticon-name": "Button (l-accent-fill-texticon)", - "spectrum-button-l-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-texticon-status": "Verified", - "spectrum-button-l-accent-fill-texticon-version": "7.1.0", - "spectrum-button-l-primary-fill-texticon-name": "Button (l-primary-fill-texticon)", - "spectrum-button-l-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-texticon-status": "Verified", - "spectrum-button-l-primary-fill-texticon-version": "7.1.0", - "spectrum-button-l-secondary-fill-texticon-name": "Button (l-secondary-fill-texticon)", - "spectrum-button-l-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-texticon-status": "Verified", - "spectrum-button-l-secondary-fill-texticon-version": "7.1.0", - "spectrum-button-l-negative-fill-texticon-name": "Button (l-negative-fill-texticon)", - "spectrum-button-l-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-texticon-status": "Verified", - "spectrum-button-l-negative-fill-texticon-version": "7.1.0", - "spectrum-button-l-accent-fill-textonly-name": "Button (l-accent-fill-textonly)", - "spectrum-button-l-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-textonly-status": "Verified", - "spectrum-button-l-accent-fill-textonly-version": "7.1.0", - "spectrum-button-l-primary-fill-textonly-name": "Button (l-primary-fill-textonly)", - "spectrum-button-l-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-textonly-status": "Verified", - "spectrum-button-l-primary-fill-textonly-version": "7.1.0", - "spectrum-button-l-secondary-fill-textonly-name": "Button (l-secondary-fill-textonly)", - "spectrum-button-l-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-textonly-status": "Verified", - "spectrum-button-l-secondary-fill-textonly-version": "7.1.0", - "spectrum-button-l-negative-fill-textonly-name": "Button (l-negative-fill-textonly)", - "spectrum-button-l-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-textonly-status": "Verified", - "spectrum-button-l-negative-fill-textonly-version": "7.1.0", - "spectrum-button-xl-accent-fill-icononly-name": "Button (xl-accent-fill-icononly)", - "spectrum-button-xl-accent-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-icononly-status": "Verified", - "spectrum-button-xl-accent-fill-icononly-version": "7.1.0", - "spectrum-button-xl-primary-fill-icononly-name": "Button (xl-primary-fill-icononly)", - "spectrum-button-xl-primary-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-icononly-status": "Verified", - "spectrum-button-xl-primary-fill-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-icononly-name": "Button (xl-secondary-fill-icononly)", - "spectrum-button-xl-secondary-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-icononly-status": "Verified", - "spectrum-button-xl-secondary-fill-icononly-version": "7.1.0", - "spectrum-button-xl-negative-fill-icononly-name": "Button (xl-negative-fill-icononly)", - "spectrum-button-xl-negative-fill-icononly-description": "Button with options staticColor=none style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-icononly-status": "Verified", - "spectrum-button-xl-negative-fill-icononly-version": "7.1.0", - "spectrum-button-xl-accent-fill-texticon-name": "Button (xl-accent-fill-texticon)", - "spectrum-button-xl-accent-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-texticon-status": "Verified", - "spectrum-button-xl-accent-fill-texticon-version": "7.1.0", - "spectrum-button-xl-primary-fill-texticon-name": "Button (xl-primary-fill-texticon)", - "spectrum-button-xl-primary-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-texticon-status": "Verified", - "spectrum-button-xl-primary-fill-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-fill-texticon-name": "Button (xl-secondary-fill-texticon)", - "spectrum-button-xl-secondary-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-texticon-status": "Verified", - "spectrum-button-xl-secondary-fill-texticon-version": "7.1.0", - "spectrum-button-xl-negative-fill-texticon-name": "Button (xl-negative-fill-texticon)", - "spectrum-button-xl-negative-fill-texticon-description": "Button with options staticColor=none style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-texticon-status": "Verified", - "spectrum-button-xl-negative-fill-texticon-version": "7.1.0", - "spectrum-button-xl-accent-fill-textonly-name": "Button (xl-accent-fill-textonly)", - "spectrum-button-xl-accent-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-textonly-status": "Verified", - "spectrum-button-xl-accent-fill-textonly-version": "7.1.0", - "spectrum-button-xl-primary-fill-textonly-name": "Button (xl-primary-fill-textonly)", - "spectrum-button-xl-primary-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-textonly-status": "Verified", - "spectrum-button-xl-primary-fill-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-textonly-name": "Button (xl-secondary-fill-textonly)", - "spectrum-button-xl-secondary-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-textonly-status": "Verified", - "spectrum-button-xl-secondary-fill-textonly-version": "7.1.0", - "spectrum-button-xl-negative-fill-textonly-name": "Button (xl-negative-fill-textonly)", - "spectrum-button-xl-negative-fill-textonly-description": "Button with options staticColor=none style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-textonly-status": "Verified", - "spectrum-button-xl-negative-fill-textonly-version": "7.1.0", - "spectrum-button-s-accent-outline-icononly-name": "Button (s-accent-outline-icononly)", - "spectrum-button-s-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-icononly-status": "Verified", - "spectrum-button-s-accent-outline-icononly-version": "7.1.0", - "spectrum-button-s-primary-outline-icononly-name": "Button (s-primary-outline-icononly)", - "spectrum-button-s-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-icononly-status": "Verified", - "spectrum-button-s-primary-outline-icononly-version": "7.1.0", - "spectrum-button-s-secondary-outline-icononly-name": "Button (s-secondary-outline-icononly)", - "spectrum-button-s-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-icononly-status": "Verified", - "spectrum-button-s-secondary-outline-icononly-version": "7.1.0", - "spectrum-button-s-negative-outline-icononly-name": "Button (s-negative-outline-icononly)", - "spectrum-button-s-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-icononly-status": "Verified", - "spectrum-button-s-negative-outline-icononly-version": "7.1.0", - "spectrum-button-s-accent-outline-texticon-name": "Button (s-accent-outline-texticon)", - "spectrum-button-s-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-texticon-status": "Verified", - "spectrum-button-s-accent-outline-texticon-version": "7.1.0", - "spectrum-button-s-primary-outline-texticon-name": "Button (s-primary-outline-texticon)", - "spectrum-button-s-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-texticon-status": "Verified", - "spectrum-button-s-primary-outline-texticon-version": "7.1.0", - "spectrum-button-s-secondary-outline-texticon-name": "Button (s-secondary-outline-texticon)", - "spectrum-button-s-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-texticon-status": "Verified", - "spectrum-button-s-secondary-outline-texticon-version": "7.1.0", - "spectrum-button-s-negative-outline-texticon-name": "Button (s-negative-outline-texticon)", - "spectrum-button-s-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-texticon-status": "Verified", - "spectrum-button-s-negative-outline-texticon-version": "7.1.0", - "spectrum-button-s-accent-outline-textonly-name": "Button (s-accent-outline-textonly)", - "spectrum-button-s-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-textonly-status": "Verified", - "spectrum-button-s-accent-outline-textonly-version": "7.1.0", - "spectrum-button-s-primary-outline-textonly-name": "Button (s-primary-outline-textonly)", - "spectrum-button-s-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-textonly-status": "Verified", - "spectrum-button-s-primary-outline-textonly-version": "7.1.0", - "spectrum-button-s-secondary-outline-textonly-name": "Button (s-secondary-outline-textonly)", - "spectrum-button-s-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-textonly-status": "Verified", - "spectrum-button-s-secondary-outline-textonly-version": "7.1.0", - "spectrum-button-s-negative-outline-textonly-name": "Button (s-negative-outline-textonly)", - "spectrum-button-s-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-textonly-status": "Verified", - "spectrum-button-s-negative-outline-textonly-version": "7.1.0", - "spectrum-button-m-accent-outline-icononly-name": "Button (m-accent-outline-icononly)", - "spectrum-button-m-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-icononly-status": "Verified", - "spectrum-button-m-accent-outline-icononly-version": "7.1.0", - "spectrum-button-m-primary-outline-icononly-name": "Button (m-primary-outline-icononly)", - "spectrum-button-m-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-icononly-status": "Verified", - "spectrum-button-m-primary-outline-icononly-version": "7.1.0", - "spectrum-button-m-secondary-outline-icononly-name": "Button (m-secondary-outline-icononly)", - "spectrum-button-m-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-icononly-status": "Verified", - "spectrum-button-m-secondary-outline-icononly-version": "7.1.0", - "spectrum-button-m-negative-outline-icononly-name": "Button (m-negative-outline-icononly)", - "spectrum-button-m-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-icononly-status": "Verified", - "spectrum-button-m-negative-outline-icononly-version": "7.1.0", - "spectrum-button-m-accent-outline-texticon-name": "Button (m-accent-outline-texticon)", - "spectrum-button-m-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-texticon-status": "Verified", - "spectrum-button-m-accent-outline-texticon-version": "7.1.0", - "spectrum-button-m-primary-outline-texticon-name": "Button (m-primary-outline-texticon)", - "spectrum-button-m-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-texticon-status": "Verified", - "spectrum-button-m-primary-outline-texticon-version": "7.1.0", - "spectrum-button-m-secondary-outline-texticon-name": "Button (m-secondary-outline-texticon)", - "spectrum-button-m-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-texticon-status": "Verified", - "spectrum-button-m-secondary-outline-texticon-version": "7.1.0", - "spectrum-button-m-negative-outline-texticon-name": "Button (m-negative-outline-texticon)", - "spectrum-button-m-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-texticon-status": "Verified", - "spectrum-button-m-negative-outline-texticon-version": "7.1.0", - "spectrum-button-m-accent-outline-textonly-name": "Button (m-accent-outline-textonly)", - "spectrum-button-m-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-textonly-status": "Verified", - "spectrum-button-m-accent-outline-textonly-version": "7.1.0", - "spectrum-button-m-primary-outline-textonly-name": "Button (m-primary-outline-textonly)", - "spectrum-button-m-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-textonly-status": "Verified", - "spectrum-button-m-primary-outline-textonly-version": "7.1.0", - "spectrum-button-m-secondary-outline-textonly-name": "Button (m-secondary-outline-textonly)", - "spectrum-button-m-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-textonly-status": "Verified", - "spectrum-button-m-secondary-outline-textonly-version": "7.1.0", - "spectrum-button-m-negative-outline-textonly-name": "Button (m-negative-outline-textonly)", - "spectrum-button-m-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-textonly-status": "Verified", - "spectrum-button-m-negative-outline-textonly-version": "7.1.0", - "spectrum-button-l-accent-outline-icononly-name": "Button (l-accent-outline-icononly)", - "spectrum-button-l-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-icononly-status": "Verified", - "spectrum-button-l-accent-outline-icononly-version": "7.1.0", - "spectrum-button-l-primary-outline-icononly-name": "Button (l-primary-outline-icononly)", - "spectrum-button-l-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-icononly-status": "Verified", - "spectrum-button-l-primary-outline-icononly-version": "7.1.0", - "spectrum-button-l-secondary-outline-icononly-name": "Button (l-secondary-outline-icononly)", - "spectrum-button-l-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-icononly-status": "Verified", - "spectrum-button-l-secondary-outline-icononly-version": "7.1.0", - "spectrum-button-l-negative-outline-icononly-name": "Button (l-negative-outline-icononly)", - "spectrum-button-l-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-icononly-status": "Verified", - "spectrum-button-l-negative-outline-icononly-version": "7.1.0", - "spectrum-button-l-accent-outline-texticon-name": "Button (l-accent-outline-texticon)", - "spectrum-button-l-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-texticon-status": "Verified", - "spectrum-button-l-accent-outline-texticon-version": "7.1.0", - "spectrum-button-l-primary-outline-texticon-name": "Button (l-primary-outline-texticon)", - "spectrum-button-l-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-texticon-status": "Verified", - "spectrum-button-l-primary-outline-texticon-version": "7.1.0", - "spectrum-button-l-secondary-outline-texticon-name": "Button (l-secondary-outline-texticon)", - "spectrum-button-l-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-texticon-status": "Verified", - "spectrum-button-l-secondary-outline-texticon-version": "7.1.0", - "spectrum-button-l-negative-outline-texticon-name": "Button (l-negative-outline-texticon)", - "spectrum-button-l-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-texticon-status": "Verified", - "spectrum-button-l-negative-outline-texticon-version": "7.1.0", - "spectrum-button-l-accent-outline-textonly-name": "Button (l-accent-outline-textonly)", - "spectrum-button-l-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-textonly-status": "Verified", - "spectrum-button-l-accent-outline-textonly-version": "7.1.0", - "spectrum-button-l-primary-outline-textonly-name": "Button (l-primary-outline-textonly)", - "spectrum-button-l-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-textonly-status": "Verified", - "spectrum-button-l-primary-outline-textonly-version": "7.1.0", - "spectrum-button-l-secondary-outline-textonly-name": "Button (l-secondary-outline-textonly)", - "spectrum-button-l-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-textonly-status": "Verified", - "spectrum-button-l-secondary-outline-textonly-version": "7.1.0", - "spectrum-button-l-negative-outline-textonly-name": "Button (l-negative-outline-textonly)", - "spectrum-button-l-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-textonly-status": "Verified", - "spectrum-button-l-negative-outline-textonly-version": "7.1.0", - "spectrum-button-xl-accent-outline-icononly-name": "Button (xl-accent-outline-icononly)", - "spectrum-button-xl-accent-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-icononly-status": "Verified", - "spectrum-button-xl-accent-outline-icononly-version": "7.1.0", - "spectrum-button-xl-primary-outline-icononly-name": "Button (xl-primary-outline-icononly)", - "spectrum-button-xl-primary-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-icononly-status": "Verified", - "spectrum-button-xl-primary-outline-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-icononly-name": "Button (xl-secondary-outline-icononly)", - "spectrum-button-xl-secondary-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-icononly-status": "Verified", - "spectrum-button-xl-secondary-outline-icononly-version": "7.1.0", - "spectrum-button-xl-negative-outline-icononly-name": "Button (xl-negative-outline-icononly)", - "spectrum-button-xl-negative-outline-icononly-description": "Button with options staticColor=none style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-icononly-status": "Verified", - "spectrum-button-xl-negative-outline-icononly-version": "7.1.0", - "spectrum-button-xl-accent-outline-texticon-name": "Button (xl-accent-outline-texticon)", - "spectrum-button-xl-accent-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-texticon-status": "Verified", - "spectrum-button-xl-accent-outline-texticon-version": "7.1.0", - "spectrum-button-xl-primary-outline-texticon-name": "Button (xl-primary-outline-texticon)", - "spectrum-button-xl-primary-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-texticon-status": "Verified", - "spectrum-button-xl-primary-outline-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-outline-texticon-name": "Button (xl-secondary-outline-texticon)", - "spectrum-button-xl-secondary-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-texticon-status": "Verified", - "spectrum-button-xl-secondary-outline-texticon-version": "7.1.0", - "spectrum-button-xl-negative-outline-texticon-name": "Button (xl-negative-outline-texticon)", - "spectrum-button-xl-negative-outline-texticon-description": "Button with options staticColor=none style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-texticon-status": "Verified", - "spectrum-button-xl-negative-outline-texticon-version": "7.1.0", - "spectrum-button-xl-accent-outline-textonly-name": "Button (xl-accent-outline-textonly)", - "spectrum-button-xl-accent-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-textonly-status": "Verified", - "spectrum-button-xl-accent-outline-textonly-version": "7.1.0", - "spectrum-button-xl-primary-outline-textonly-name": "Button (xl-primary-outline-textonly)", - "spectrum-button-xl-primary-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-textonly-status": "Verified", - "spectrum-button-xl-primary-outline-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-textonly-name": "Button (xl-secondary-outline-textonly)", - "spectrum-button-xl-secondary-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-textonly-status": "Verified", - "spectrum-button-xl-secondary-outline-textonly-version": "7.1.0", - "spectrum-button-xl-negative-outline-textonly-name": "Button (xl-negative-outline-textonly)", - "spectrum-button-xl-negative-outline-textonly-description": "Button with options staticColor=none style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-textonly-status": "Verified", - "spectrum-button-xl-negative-outline-textonly-version": "7.1.0", - "spectrum-button-s-accent-fill-white-icononly-name": "Button (s-accent-fill-white-icononly)", - "spectrum-button-s-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-white-icononly-status": "Verified", - "spectrum-button-s-accent-fill-white-icononly-version": "7.1.0", - "spectrum-button-s-primary-fill-white-icononly-name": "Button (s-primary-fill-white-icononly)", - "spectrum-button-s-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-white-icononly-status": "Verified", - "spectrum-button-s-primary-fill-white-icononly-version": "7.1.0", - "spectrum-button-s-secondary-fill-white-icononly-name": "Button (s-secondary-fill-white-icononly)", - "spectrum-button-s-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-white-icononly-status": "Verified", - "spectrum-button-s-secondary-fill-white-icononly-version": "7.1.0", - "spectrum-button-s-negative-fill-white-icononly-name": "Button (s-negative-fill-white-icononly)", - "spectrum-button-s-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-white-icononly-status": "Verified", - "spectrum-button-s-negative-fill-white-icononly-version": "7.1.0", - "spectrum-button-s-accent-fill-white-texticon-name": "Button (s-accent-fill-white-texticon)", - "spectrum-button-s-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-white-texticon-status": "Verified", - "spectrum-button-s-accent-fill-white-texticon-version": "7.1.0", - "spectrum-button-s-primary-fill-white-texticon-name": "Button (s-primary-fill-white-texticon)", - "spectrum-button-s-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-white-texticon-status": "Verified", - "spectrum-button-s-primary-fill-white-texticon-version": "7.1.0", - "spectrum-button-s-secondary-fill-white-texticon-name": "Button (s-secondary-fill-white-texticon)", - "spectrum-button-s-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-white-texticon-status": "Verified", - "spectrum-button-s-secondary-fill-white-texticon-version": "7.1.0", - "spectrum-button-s-negative-fill-white-texticon-name": "Button (s-negative-fill-white-texticon)", - "spectrum-button-s-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-white-texticon-status": "Verified", - "spectrum-button-s-negative-fill-white-texticon-version": "7.1.0", - "spectrum-button-s-accent-fill-white-textonly-name": "Button (s-accent-fill-white-textonly)", - "spectrum-button-s-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-white-textonly-status": "Verified", - "spectrum-button-s-accent-fill-white-textonly-version": "7.1.0", - "spectrum-button-s-primary-fill-white-textonly-name": "Button (s-primary-fill-white-textonly)", - "spectrum-button-s-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-white-textonly-status": "Verified", - "spectrum-button-s-primary-fill-white-textonly-version": "7.1.0", - "spectrum-button-s-secondary-fill-white-textonly-name": "Button (s-secondary-fill-white-textonly)", - "spectrum-button-s-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-white-textonly-status": "Verified", - "spectrum-button-s-secondary-fill-white-textonly-version": "7.1.0", - "spectrum-button-s-negative-fill-white-textonly-name": "Button (s-negative-fill-white-textonly)", - "spectrum-button-s-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-white-textonly-status": "Verified", - "spectrum-button-s-negative-fill-white-textonly-version": "7.1.0", - "spectrum-button-m-accent-fill-white-icononly-name": "Button (m-accent-fill-white-icononly)", - "spectrum-button-m-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-white-icononly-status": "Verified", - "spectrum-button-m-accent-fill-white-icononly-version": "7.1.0", - "spectrum-button-m-primary-fill-white-icononly-name": "Button (m-primary-fill-white-icononly)", - "spectrum-button-m-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-white-icononly-status": "Verified", - "spectrum-button-m-primary-fill-white-icononly-version": "7.1.0", - "spectrum-button-m-secondary-fill-white-icononly-name": "Button (m-secondary-fill-white-icononly)", - "spectrum-button-m-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-white-icononly-status": "Verified", - "spectrum-button-m-secondary-fill-white-icononly-version": "7.1.0", - "spectrum-button-m-negative-fill-white-icononly-name": "Button (m-negative-fill-white-icononly)", - "spectrum-button-m-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-white-icononly-status": "Verified", - "spectrum-button-m-negative-fill-white-icononly-version": "7.1.0", - "spectrum-button-m-accent-fill-white-texticon-name": "Button (m-accent-fill-white-texticon)", - "spectrum-button-m-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-white-texticon-status": "Verified", - "spectrum-button-m-accent-fill-white-texticon-version": "7.1.0", - "spectrum-button-m-primary-fill-white-texticon-name": "Button (m-primary-fill-white-texticon)", - "spectrum-button-m-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-white-texticon-status": "Verified", - "spectrum-button-m-primary-fill-white-texticon-version": "7.1.0", - "spectrum-button-m-secondary-fill-white-texticon-name": "Button (m-secondary-fill-white-texticon)", - "spectrum-button-m-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-white-texticon-status": "Verified", - "spectrum-button-m-secondary-fill-white-texticon-version": "7.1.0", - "spectrum-button-m-negative-fill-white-texticon-name": "Button (m-negative-fill-white-texticon)", - "spectrum-button-m-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-white-texticon-status": "Verified", - "spectrum-button-m-negative-fill-white-texticon-version": "7.1.0", - "spectrum-button-m-accent-fill-white-textonly-name": "Button (m-accent-fill-white-textonly)", - "spectrum-button-m-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-white-textonly-status": "Verified", - "spectrum-button-m-accent-fill-white-textonly-version": "7.1.0", - "spectrum-button-m-primary-fill-white-textonly-name": "Button (m-primary-fill-white-textonly)", - "spectrum-button-m-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-white-textonly-status": "Verified", - "spectrum-button-m-primary-fill-white-textonly-version": "7.1.0", - "spectrum-button-m-secondary-fill-white-textonly-name": "Button (m-secondary-fill-white-textonly)", - "spectrum-button-m-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-white-textonly-status": "Verified", - "spectrum-button-m-secondary-fill-white-textonly-version": "7.1.0", - "spectrum-button-m-negative-fill-white-textonly-name": "Button (m-negative-fill-white-textonly)", - "spectrum-button-m-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-white-textonly-status": "Verified", - "spectrum-button-m-negative-fill-white-textonly-version": "7.1.0", - "spectrum-button-l-accent-fill-white-icononly-name": "Button (l-accent-fill-white-icononly)", - "spectrum-button-l-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-white-icononly-status": "Verified", - "spectrum-button-l-accent-fill-white-icononly-version": "7.1.0", - "spectrum-button-l-primary-fill-white-icononly-name": "Button (l-primary-fill-white-icononly)", - "spectrum-button-l-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-white-icononly-status": "Verified", - "spectrum-button-l-primary-fill-white-icononly-version": "7.1.0", - "spectrum-button-l-secondary-fill-white-icononly-name": "Button (l-secondary-fill-white-icononly)", - "spectrum-button-l-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-white-icononly-status": "Verified", - "spectrum-button-l-secondary-fill-white-icononly-version": "7.1.0", - "spectrum-button-l-negative-fill-white-icononly-name": "Button (l-negative-fill-white-icononly)", - "spectrum-button-l-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-white-icononly-status": "Verified", - "spectrum-button-l-negative-fill-white-icononly-version": "7.1.0", - "spectrum-button-l-accent-fill-white-texticon-name": "Button (l-accent-fill-white-texticon)", - "spectrum-button-l-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-white-texticon-status": "Verified", - "spectrum-button-l-accent-fill-white-texticon-version": "7.1.0", - "spectrum-button-l-primary-fill-white-texticon-name": "Button (l-primary-fill-white-texticon)", - "spectrum-button-l-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-white-texticon-status": "Verified", - "spectrum-button-l-primary-fill-white-texticon-version": "7.1.0", - "spectrum-button-l-secondary-fill-white-texticon-name": "Button (l-secondary-fill-white-texticon)", - "spectrum-button-l-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-white-texticon-status": "Verified", - "spectrum-button-l-secondary-fill-white-texticon-version": "7.1.0", - "spectrum-button-l-negative-fill-white-texticon-name": "Button (l-negative-fill-white-texticon)", - "spectrum-button-l-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-white-texticon-status": "Verified", - "spectrum-button-l-negative-fill-white-texticon-version": "7.1.0", - "spectrum-button-l-accent-fill-white-textonly-name": "Button (l-accent-fill-white-textonly)", - "spectrum-button-l-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-white-textonly-status": "Verified", - "spectrum-button-l-accent-fill-white-textonly-version": "7.1.0", - "spectrum-button-l-primary-fill-white-textonly-name": "Button (l-primary-fill-white-textonly)", - "spectrum-button-l-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-white-textonly-status": "Verified", - "spectrum-button-l-primary-fill-white-textonly-version": "7.1.0", - "spectrum-button-l-secondary-fill-white-textonly-name": "Button (l-secondary-fill-white-textonly)", - "spectrum-button-l-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-white-textonly-status": "Verified", - "spectrum-button-l-secondary-fill-white-textonly-version": "7.1.0", - "spectrum-button-l-negative-fill-white-textonly-name": "Button (l-negative-fill-white-textonly)", - "spectrum-button-l-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-white-textonly-status": "Verified", - "spectrum-button-l-negative-fill-white-textonly-version": "7.1.0", - "spectrum-button-xl-accent-fill-white-icononly-name": "Button (xl-accent-fill-white-icononly)", - "spectrum-button-xl-accent-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-white-icononly-status": "Verified", - "spectrum-button-xl-accent-fill-white-icononly-version": "7.1.0", - "spectrum-button-xl-primary-fill-white-icononly-name": "Button (xl-primary-fill-white-icononly)", - "spectrum-button-xl-primary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-white-icononly-status": "Verified", - "spectrum-button-xl-primary-fill-white-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-white-icononly-name": "Button (xl-secondary-fill-white-icononly)", - "spectrum-button-xl-secondary-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-white-icononly-status": "Verified", - "spectrum-button-xl-secondary-fill-white-icononly-version": "7.1.0", - "spectrum-button-xl-negative-fill-white-icononly-name": "Button (xl-negative-fill-white-icononly)", - "spectrum-button-xl-negative-fill-white-icononly-description": "Button with options staticColor=white style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-white-icononly-status": "Verified", - "spectrum-button-xl-negative-fill-white-icononly-version": "7.1.0", - "spectrum-button-xl-accent-fill-white-texticon-name": "Button (xl-accent-fill-white-texticon)", - "spectrum-button-xl-accent-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-white-texticon-status": "Verified", - "spectrum-button-xl-accent-fill-white-texticon-version": "7.1.0", - "spectrum-button-xl-primary-fill-white-texticon-name": "Button (xl-primary-fill-white-texticon)", - "spectrum-button-xl-primary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-white-texticon-status": "Verified", - "spectrum-button-xl-primary-fill-white-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-fill-white-texticon-name": "Button (xl-secondary-fill-white-texticon)", - "spectrum-button-xl-secondary-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-white-texticon-status": "Verified", - "spectrum-button-xl-secondary-fill-white-texticon-version": "7.1.0", - "spectrum-button-xl-negative-fill-white-texticon-name": "Button (xl-negative-fill-white-texticon)", - "spectrum-button-xl-negative-fill-white-texticon-description": "Button with options staticColor=white style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-white-texticon-status": "Verified", - "spectrum-button-xl-negative-fill-white-texticon-version": "7.1.0", - "spectrum-button-xl-accent-fill-white-textonly-name": "Button (xl-accent-fill-white-textonly)", - "spectrum-button-xl-accent-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-white-textonly-status": "Verified", - "spectrum-button-xl-accent-fill-white-textonly-version": "7.1.0", - "spectrum-button-xl-primary-fill-white-textonly-name": "Button (xl-primary-fill-white-textonly)", - "spectrum-button-xl-primary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-white-textonly-status": "Verified", - "spectrum-button-xl-primary-fill-white-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-white-textonly-name": "Button (xl-secondary-fill-white-textonly)", - "spectrum-button-xl-secondary-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-white-textonly-status": "Verified", - "spectrum-button-xl-secondary-fill-white-textonly-version": "7.1.0", - "spectrum-button-xl-negative-fill-white-textonly-name": "Button (xl-negative-fill-white-textonly)", - "spectrum-button-xl-negative-fill-white-textonly-description": "Button with options staticColor=white style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-white-textonly-status": "Verified", - "spectrum-button-xl-negative-fill-white-textonly-version": "7.1.0", - "spectrum-button-s-accent-outline-white-icononly-name": "Button (s-accent-outline-white-icononly)", - "spectrum-button-s-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-white-icononly-status": "Verified", - "spectrum-button-s-accent-outline-white-icononly-version": "7.1.0", - "spectrum-button-s-primary-outline-white-icononly-name": "Button (s-primary-outline-white-icononly)", - "spectrum-button-s-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-white-icononly-status": "Verified", - "spectrum-button-s-primary-outline-white-icononly-version": "7.1.0", - "spectrum-button-s-secondary-outline-white-icononly-name": "Button (s-secondary-outline-white-icononly)", - "spectrum-button-s-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-white-icononly-status": "Verified", - "spectrum-button-s-secondary-outline-white-icononly-version": "7.1.0", - "spectrum-button-s-negative-outline-white-icononly-name": "Button (s-negative-outline-white-icononly)", - "spectrum-button-s-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-white-icononly-status": "Verified", - "spectrum-button-s-negative-outline-white-icononly-version": "7.1.0", - "spectrum-button-s-accent-outline-white-texticon-name": "Button (s-accent-outline-white-texticon)", - "spectrum-button-s-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-white-texticon-status": "Verified", - "spectrum-button-s-accent-outline-white-texticon-version": "7.1.0", - "spectrum-button-s-primary-outline-white-texticon-name": "Button (s-primary-outline-white-texticon)", - "spectrum-button-s-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-white-texticon-status": "Verified", - "spectrum-button-s-primary-outline-white-texticon-version": "7.1.0", - "spectrum-button-s-secondary-outline-white-texticon-name": "Button (s-secondary-outline-white-texticon)", - "spectrum-button-s-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-white-texticon-status": "Verified", - "spectrum-button-s-secondary-outline-white-texticon-version": "7.1.0", - "spectrum-button-s-negative-outline-white-texticon-name": "Button (s-negative-outline-white-texticon)", - "spectrum-button-s-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-white-texticon-status": "Verified", - "spectrum-button-s-negative-outline-white-texticon-version": "7.1.0", - "spectrum-button-s-accent-outline-white-textonly-name": "Button (s-accent-outline-white-textonly)", - "spectrum-button-s-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-white-textonly-status": "Verified", - "spectrum-button-s-accent-outline-white-textonly-version": "7.1.0", - "spectrum-button-s-primary-outline-white-textonly-name": "Button (s-primary-outline-white-textonly)", - "spectrum-button-s-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-white-textonly-status": "Verified", - "spectrum-button-s-primary-outline-white-textonly-version": "7.1.0", - "spectrum-button-s-secondary-outline-white-textonly-name": "Button (s-secondary-outline-white-textonly)", - "spectrum-button-s-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-white-textonly-status": "Verified", - "spectrum-button-s-secondary-outline-white-textonly-version": "7.1.0", - "spectrum-button-s-negative-outline-white-textonly-name": "Button (s-negative-outline-white-textonly)", - "spectrum-button-s-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-white-textonly-status": "Verified", - "spectrum-button-s-negative-outline-white-textonly-version": "7.1.0", - "spectrum-button-m-accent-outline-white-icononly-name": "Button (m-accent-outline-white-icononly)", - "spectrum-button-m-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-white-icononly-status": "Verified", - "spectrum-button-m-accent-outline-white-icononly-version": "7.1.0", - "spectrum-button-m-primary-outline-white-icononly-name": "Button (m-primary-outline-white-icononly)", - "spectrum-button-m-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-white-icononly-status": "Verified", - "spectrum-button-m-primary-outline-white-icononly-version": "7.1.0", - "spectrum-button-m-secondary-outline-white-icononly-name": "Button (m-secondary-outline-white-icononly)", - "spectrum-button-m-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-white-icononly-status": "Verified", - "spectrum-button-m-secondary-outline-white-icononly-version": "7.1.0", - "spectrum-button-m-negative-outline-white-icononly-name": "Button (m-negative-outline-white-icononly)", - "spectrum-button-m-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-white-icononly-status": "Verified", - "spectrum-button-m-negative-outline-white-icononly-version": "7.1.0", - "spectrum-button-m-accent-outline-white-texticon-name": "Button (m-accent-outline-white-texticon)", - "spectrum-button-m-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-white-texticon-status": "Verified", - "spectrum-button-m-accent-outline-white-texticon-version": "7.1.0", - "spectrum-button-m-primary-outline-white-texticon-name": "Button (m-primary-outline-white-texticon)", - "spectrum-button-m-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-white-texticon-status": "Verified", - "spectrum-button-m-primary-outline-white-texticon-version": "7.1.0", - "spectrum-button-m-secondary-outline-white-texticon-name": "Button (m-secondary-outline-white-texticon)", - "spectrum-button-m-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-white-texticon-status": "Verified", - "spectrum-button-m-secondary-outline-white-texticon-version": "7.1.0", - "spectrum-button-m-negative-outline-white-texticon-name": "Button (m-negative-outline-white-texticon)", - "spectrum-button-m-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-white-texticon-status": "Verified", - "spectrum-button-m-negative-outline-white-texticon-version": "7.1.0", - "spectrum-button-m-accent-outline-white-textonly-name": "Button (m-accent-outline-white-textonly)", - "spectrum-button-m-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-white-textonly-status": "Verified", - "spectrum-button-m-accent-outline-white-textonly-version": "7.1.0", - "spectrum-button-m-primary-outline-white-textonly-name": "Button (m-primary-outline-white-textonly)", - "spectrum-button-m-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-white-textonly-status": "Verified", - "spectrum-button-m-primary-outline-white-textonly-version": "7.1.0", - "spectrum-button-m-secondary-outline-white-textonly-name": "Button (m-secondary-outline-white-textonly)", - "spectrum-button-m-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-white-textonly-status": "Verified", - "spectrum-button-m-secondary-outline-white-textonly-version": "7.1.0", - "spectrum-button-m-negative-outline-white-textonly-name": "Button (m-negative-outline-white-textonly)", - "spectrum-button-m-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-white-textonly-status": "Verified", - "spectrum-button-m-negative-outline-white-textonly-version": "7.1.0", - "spectrum-button-l-accent-outline-white-icononly-name": "Button (l-accent-outline-white-icononly)", - "spectrum-button-l-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-white-icononly-status": "Verified", - "spectrum-button-l-accent-outline-white-icononly-version": "7.1.0", - "spectrum-button-l-primary-outline-white-icononly-name": "Button (l-primary-outline-white-icononly)", - "spectrum-button-l-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-white-icononly-status": "Verified", - "spectrum-button-l-primary-outline-white-icononly-version": "7.1.0", - "spectrum-button-l-secondary-outline-white-icononly-name": "Button (l-secondary-outline-white-icononly)", - "spectrum-button-l-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-white-icononly-status": "Verified", - "spectrum-button-l-secondary-outline-white-icononly-version": "7.1.0", - "spectrum-button-l-negative-outline-white-icononly-name": "Button (l-negative-outline-white-icononly)", - "spectrum-button-l-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-white-icononly-status": "Verified", - "spectrum-button-l-negative-outline-white-icononly-version": "7.1.0", - "spectrum-button-l-accent-outline-white-texticon-name": "Button (l-accent-outline-white-texticon)", - "spectrum-button-l-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-white-texticon-status": "Verified", - "spectrum-button-l-accent-outline-white-texticon-version": "7.1.0", - "spectrum-button-l-primary-outline-white-texticon-name": "Button (l-primary-outline-white-texticon)", - "spectrum-button-l-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-white-texticon-status": "Verified", - "spectrum-button-l-primary-outline-white-texticon-version": "7.1.0", - "spectrum-button-l-secondary-outline-white-texticon-name": "Button (l-secondary-outline-white-texticon)", - "spectrum-button-l-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-white-texticon-status": "Verified", - "spectrum-button-l-secondary-outline-white-texticon-version": "7.1.0", - "spectrum-button-l-negative-outline-white-texticon-name": "Button (l-negative-outline-white-texticon)", - "spectrum-button-l-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-white-texticon-status": "Verified", - "spectrum-button-l-negative-outline-white-texticon-version": "7.1.0", - "spectrum-button-l-accent-outline-white-textonly-name": "Button (l-accent-outline-white-textonly)", - "spectrum-button-l-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-white-textonly-status": "Verified", - "spectrum-button-l-accent-outline-white-textonly-version": "7.1.0", - "spectrum-button-l-primary-outline-white-textonly-name": "Button (l-primary-outline-white-textonly)", - "spectrum-button-l-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-white-textonly-status": "Verified", - "spectrum-button-l-primary-outline-white-textonly-version": "7.1.0", - "spectrum-button-l-secondary-outline-white-textonly-name": "Button (l-secondary-outline-white-textonly)", - "spectrum-button-l-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-white-textonly-status": "Verified", - "spectrum-button-l-secondary-outline-white-textonly-version": "7.1.0", - "spectrum-button-l-negative-outline-white-textonly-name": "Button (l-negative-outline-white-textonly)", - "spectrum-button-l-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-white-textonly-status": "Verified", - "spectrum-button-l-negative-outline-white-textonly-version": "7.1.0", - "spectrum-button-xl-accent-outline-white-icononly-name": "Button (xl-accent-outline-white-icononly)", - "spectrum-button-xl-accent-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-white-icononly-status": "Verified", - "spectrum-button-xl-accent-outline-white-icononly-version": "7.1.0", - "spectrum-button-xl-primary-outline-white-icononly-name": "Button (xl-primary-outline-white-icononly)", - "spectrum-button-xl-primary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-white-icononly-status": "Verified", - "spectrum-button-xl-primary-outline-white-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-white-icononly-name": "Button (xl-secondary-outline-white-icononly)", - "spectrum-button-xl-secondary-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-white-icononly-status": "Verified", - "spectrum-button-xl-secondary-outline-white-icononly-version": "7.1.0", - "spectrum-button-xl-negative-outline-white-icononly-name": "Button (xl-negative-outline-white-icononly)", - "spectrum-button-xl-negative-outline-white-icononly-description": "Button with options staticColor=white style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-white-icononly-status": "Verified", - "spectrum-button-xl-negative-outline-white-icononly-version": "7.1.0", - "spectrum-button-xl-accent-outline-white-texticon-name": "Button (xl-accent-outline-white-texticon)", - "spectrum-button-xl-accent-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-white-texticon-status": "Verified", - "spectrum-button-xl-accent-outline-white-texticon-version": "7.1.0", - "spectrum-button-xl-primary-outline-white-texticon-name": "Button (xl-primary-outline-white-texticon)", - "spectrum-button-xl-primary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-white-texticon-status": "Verified", - "spectrum-button-xl-primary-outline-white-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-outline-white-texticon-name": "Button (xl-secondary-outline-white-texticon)", - "spectrum-button-xl-secondary-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-white-texticon-status": "Verified", - "spectrum-button-xl-secondary-outline-white-texticon-version": "7.1.0", - "spectrum-button-xl-negative-outline-white-texticon-name": "Button (xl-negative-outline-white-texticon)", - "spectrum-button-xl-negative-outline-white-texticon-description": "Button with options staticColor=white style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-white-texticon-status": "Verified", - "spectrum-button-xl-negative-outline-white-texticon-version": "7.1.0", - "spectrum-button-xl-accent-outline-white-textonly-name": "Button (xl-accent-outline-white-textonly)", - "spectrum-button-xl-accent-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-white-textonly-status": "Verified", - "spectrum-button-xl-accent-outline-white-textonly-version": "7.1.0", - "spectrum-button-xl-primary-outline-white-textonly-name": "Button (xl-primary-outline-white-textonly)", - "spectrum-button-xl-primary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-white-textonly-status": "Verified", - "spectrum-button-xl-primary-outline-white-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-white-textonly-name": "Button (xl-secondary-outline-white-textonly)", - "spectrum-button-xl-secondary-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-white-textonly-status": "Verified", - "spectrum-button-xl-secondary-outline-white-textonly-version": "7.1.0", - "spectrum-button-xl-negative-outline-white-textonly-name": "Button (xl-negative-outline-white-textonly)", - "spectrum-button-xl-negative-outline-white-textonly-description": "Button with options staticColor=white style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-white-textonly-status": "Verified", - "spectrum-button-xl-negative-outline-white-textonly-version": "7.1.0", - "spectrum-button-s-accent-fill-black-icononly-name": "Button (s-accent-fill-black-icononly)", - "spectrum-button-s-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=accent", - "spectrum-button-s-accent-fill-black-icononly-status": "Verified", - "spectrum-button-s-accent-fill-black-icononly-version": "7.1.0", - "spectrum-button-s-primary-fill-black-icononly-name": "Button (s-primary-fill-black-icononly)", - "spectrum-button-s-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=primary", - "spectrum-button-s-primary-fill-black-icononly-status": "Verified", - "spectrum-button-s-primary-fill-black-icononly-version": "7.1.0", - "spectrum-button-s-secondary-fill-black-icononly-name": "Button (s-secondary-fill-black-icononly)", - "spectrum-button-s-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-fill-black-icononly-status": "Verified", - "spectrum-button-s-secondary-fill-black-icononly-version": "7.1.0", - "spectrum-button-s-negative-fill-black-icononly-name": "Button (s-negative-fill-black-icononly)", - "spectrum-button-s-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=s content=icononly variant=negative", - "spectrum-button-s-negative-fill-black-icononly-status": "Verified", - "spectrum-button-s-negative-fill-black-icononly-version": "7.1.0", - "spectrum-button-s-accent-fill-black-texticon-name": "Button (s-accent-fill-black-texticon)", - "spectrum-button-s-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=accent", - "spectrum-button-s-accent-fill-black-texticon-status": "Verified", - "spectrum-button-s-accent-fill-black-texticon-version": "7.1.0", - "spectrum-button-s-primary-fill-black-texticon-name": "Button (s-primary-fill-black-texticon)", - "spectrum-button-s-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=primary", - "spectrum-button-s-primary-fill-black-texticon-status": "Verified", - "spectrum-button-s-primary-fill-black-texticon-version": "7.1.0", - "spectrum-button-s-secondary-fill-black-texticon-name": "Button (s-secondary-fill-black-texticon)", - "spectrum-button-s-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-fill-black-texticon-status": "Verified", - "spectrum-button-s-secondary-fill-black-texticon-version": "7.1.0", - "spectrum-button-s-negative-fill-black-texticon-name": "Button (s-negative-fill-black-texticon)", - "spectrum-button-s-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=s content=texticon variant=negative", - "spectrum-button-s-negative-fill-black-texticon-status": "Verified", - "spectrum-button-s-negative-fill-black-texticon-version": "7.1.0", - "spectrum-button-s-accent-fill-black-textonly-name": "Button (s-accent-fill-black-textonly)", - "spectrum-button-s-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=accent", - "spectrum-button-s-accent-fill-black-textonly-status": "Verified", - "spectrum-button-s-accent-fill-black-textonly-version": "7.1.0", - "spectrum-button-s-primary-fill-black-textonly-name": "Button (s-primary-fill-black-textonly)", - "spectrum-button-s-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=primary", - "spectrum-button-s-primary-fill-black-textonly-status": "Verified", - "spectrum-button-s-primary-fill-black-textonly-version": "7.1.0", - "spectrum-button-s-secondary-fill-black-textonly-name": "Button (s-secondary-fill-black-textonly)", - "spectrum-button-s-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-fill-black-textonly-status": "Verified", - "spectrum-button-s-secondary-fill-black-textonly-version": "7.1.0", - "spectrum-button-s-negative-fill-black-textonly-name": "Button (s-negative-fill-black-textonly)", - "spectrum-button-s-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=s content=textonly variant=negative", - "spectrum-button-s-negative-fill-black-textonly-status": "Verified", - "spectrum-button-s-negative-fill-black-textonly-version": "7.1.0", - "spectrum-button-m-accent-fill-black-icononly-name": "Button (m-accent-fill-black-icononly)", - "spectrum-button-m-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=accent", - "spectrum-button-m-accent-fill-black-icononly-status": "Verified", - "spectrum-button-m-accent-fill-black-icononly-version": "7.1.0", - "spectrum-button-m-primary-fill-black-icononly-name": "Button (m-primary-fill-black-icononly)", - "spectrum-button-m-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=primary", - "spectrum-button-m-primary-fill-black-icononly-status": "Verified", - "spectrum-button-m-primary-fill-black-icononly-version": "7.1.0", - "spectrum-button-m-secondary-fill-black-icononly-name": "Button (m-secondary-fill-black-icononly)", - "spectrum-button-m-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-fill-black-icononly-status": "Verified", - "spectrum-button-m-secondary-fill-black-icononly-version": "7.1.0", - "spectrum-button-m-negative-fill-black-icononly-name": "Button (m-negative-fill-black-icononly)", - "spectrum-button-m-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=m content=icononly variant=negative", - "spectrum-button-m-negative-fill-black-icononly-status": "Verified", - "spectrum-button-m-negative-fill-black-icononly-version": "7.1.0", - "spectrum-button-m-accent-fill-black-texticon-name": "Button (m-accent-fill-black-texticon)", - "spectrum-button-m-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=accent", - "spectrum-button-m-accent-fill-black-texticon-status": "Verified", - "spectrum-button-m-accent-fill-black-texticon-version": "7.1.0", - "spectrum-button-m-primary-fill-black-texticon-name": "Button (m-primary-fill-black-texticon)", - "spectrum-button-m-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=primary", - "spectrum-button-m-primary-fill-black-texticon-status": "Verified", - "spectrum-button-m-primary-fill-black-texticon-version": "7.1.0", - "spectrum-button-m-secondary-fill-black-texticon-name": "Button (m-secondary-fill-black-texticon)", - "spectrum-button-m-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-fill-black-texticon-status": "Verified", - "spectrum-button-m-secondary-fill-black-texticon-version": "7.1.0", - "spectrum-button-m-negative-fill-black-texticon-name": "Button (m-negative-fill-black-texticon)", - "spectrum-button-m-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=m content=texticon variant=negative", - "spectrum-button-m-negative-fill-black-texticon-status": "Verified", - "spectrum-button-m-negative-fill-black-texticon-version": "7.1.0", - "spectrum-button-m-accent-fill-black-textonly-name": "Button (m-accent-fill-black-textonly)", - "spectrum-button-m-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=accent", - "spectrum-button-m-accent-fill-black-textonly-status": "Verified", - "spectrum-button-m-accent-fill-black-textonly-version": "7.1.0", - "spectrum-button-m-primary-fill-black-textonly-name": "Button (m-primary-fill-black-textonly)", - "spectrum-button-m-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=primary", - "spectrum-button-m-primary-fill-black-textonly-status": "Verified", - "spectrum-button-m-primary-fill-black-textonly-version": "7.1.0", - "spectrum-button-m-secondary-fill-black-textonly-name": "Button (m-secondary-fill-black-textonly)", - "spectrum-button-m-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-fill-black-textonly-status": "Verified", - "spectrum-button-m-secondary-fill-black-textonly-version": "7.1.0", - "spectrum-button-m-negative-fill-black-textonly-name": "Button (m-negative-fill-black-textonly)", - "spectrum-button-m-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=m content=textonly variant=negative", - "spectrum-button-m-negative-fill-black-textonly-status": "Verified", - "spectrum-button-m-negative-fill-black-textonly-version": "7.1.0", - "spectrum-button-l-accent-fill-black-icononly-name": "Button (l-accent-fill-black-icononly)", - "spectrum-button-l-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=accent", - "spectrum-button-l-accent-fill-black-icononly-status": "Verified", - "spectrum-button-l-accent-fill-black-icononly-version": "7.1.0", - "spectrum-button-l-primary-fill-black-icononly-name": "Button (l-primary-fill-black-icononly)", - "spectrum-button-l-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=primary", - "spectrum-button-l-primary-fill-black-icononly-status": "Verified", - "spectrum-button-l-primary-fill-black-icononly-version": "7.1.0", - "spectrum-button-l-secondary-fill-black-icononly-name": "Button (l-secondary-fill-black-icononly)", - "spectrum-button-l-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-fill-black-icononly-status": "Verified", - "spectrum-button-l-secondary-fill-black-icononly-version": "7.1.0", - "spectrum-button-l-negative-fill-black-icononly-name": "Button (l-negative-fill-black-icononly)", - "spectrum-button-l-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=l content=icononly variant=negative", - "spectrum-button-l-negative-fill-black-icononly-status": "Verified", - "spectrum-button-l-negative-fill-black-icononly-version": "7.1.0", - "spectrum-button-l-accent-fill-black-texticon-name": "Button (l-accent-fill-black-texticon)", - "spectrum-button-l-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=accent", - "spectrum-button-l-accent-fill-black-texticon-status": "Verified", - "spectrum-button-l-accent-fill-black-texticon-version": "7.1.0", - "spectrum-button-l-primary-fill-black-texticon-name": "Button (l-primary-fill-black-texticon)", - "spectrum-button-l-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=primary", - "spectrum-button-l-primary-fill-black-texticon-status": "Verified", - "spectrum-button-l-primary-fill-black-texticon-version": "7.1.0", - "spectrum-button-l-secondary-fill-black-texticon-name": "Button (l-secondary-fill-black-texticon)", - "spectrum-button-l-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-fill-black-texticon-status": "Verified", - "spectrum-button-l-secondary-fill-black-texticon-version": "7.1.0", - "spectrum-button-l-negative-fill-black-texticon-name": "Button (l-negative-fill-black-texticon)", - "spectrum-button-l-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=l content=texticon variant=negative", - "spectrum-button-l-negative-fill-black-texticon-status": "Verified", - "spectrum-button-l-negative-fill-black-texticon-version": "7.1.0", - "spectrum-button-l-accent-fill-black-textonly-name": "Button (l-accent-fill-black-textonly)", - "spectrum-button-l-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=accent", - "spectrum-button-l-accent-fill-black-textonly-status": "Verified", - "spectrum-button-l-accent-fill-black-textonly-version": "7.1.0", - "spectrum-button-l-primary-fill-black-textonly-name": "Button (l-primary-fill-black-textonly)", - "spectrum-button-l-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=primary", - "spectrum-button-l-primary-fill-black-textonly-status": "Verified", - "spectrum-button-l-primary-fill-black-textonly-version": "7.1.0", - "spectrum-button-l-secondary-fill-black-textonly-name": "Button (l-secondary-fill-black-textonly)", - "spectrum-button-l-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-fill-black-textonly-status": "Verified", - "spectrum-button-l-secondary-fill-black-textonly-version": "7.1.0", - "spectrum-button-l-negative-fill-black-textonly-name": "Button (l-negative-fill-black-textonly)", - "spectrum-button-l-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=l content=textonly variant=negative", - "spectrum-button-l-negative-fill-black-textonly-status": "Verified", - "spectrum-button-l-negative-fill-black-textonly-version": "7.1.0", - "spectrum-button-xl-accent-fill-black-icononly-name": "Button (xl-accent-fill-black-icononly)", - "spectrum-button-xl-accent-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-fill-black-icononly-status": "Verified", - "spectrum-button-xl-accent-fill-black-icononly-version": "7.1.0", - "spectrum-button-xl-primary-fill-black-icononly-name": "Button (xl-primary-fill-black-icononly)", - "spectrum-button-xl-primary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-fill-black-icononly-status": "Verified", - "spectrum-button-xl-primary-fill-black-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-black-icononly-name": "Button (xl-secondary-fill-black-icononly)", - "spectrum-button-xl-secondary-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-fill-black-icononly-status": "Verified", - "spectrum-button-xl-secondary-fill-black-icononly-version": "7.1.0", - "spectrum-button-xl-negative-fill-black-icononly-name": "Button (xl-negative-fill-black-icononly)", - "spectrum-button-xl-negative-fill-black-icononly-description": "Button with options staticColor=black style=fill size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-fill-black-icononly-status": "Verified", - "spectrum-button-xl-negative-fill-black-icononly-version": "7.1.0", - "spectrum-button-xl-accent-fill-black-texticon-name": "Button (xl-accent-fill-black-texticon)", - "spectrum-button-xl-accent-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-fill-black-texticon-status": "Verified", - "spectrum-button-xl-accent-fill-black-texticon-version": "7.1.0", - "spectrum-button-xl-primary-fill-black-texticon-name": "Button (xl-primary-fill-black-texticon)", - "spectrum-button-xl-primary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-fill-black-texticon-status": "Verified", - "spectrum-button-xl-primary-fill-black-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-fill-black-texticon-name": "Button (xl-secondary-fill-black-texticon)", - "spectrum-button-xl-secondary-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-fill-black-texticon-status": "Verified", - "spectrum-button-xl-secondary-fill-black-texticon-version": "7.1.0", - "spectrum-button-xl-negative-fill-black-texticon-name": "Button (xl-negative-fill-black-texticon)", - "spectrum-button-xl-negative-fill-black-texticon-description": "Button with options staticColor=black style=fill size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-fill-black-texticon-status": "Verified", - "spectrum-button-xl-negative-fill-black-texticon-version": "7.1.0", - "spectrum-button-xl-accent-fill-black-textonly-name": "Button (xl-accent-fill-black-textonly)", - "spectrum-button-xl-accent-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-fill-black-textonly-status": "Verified", - "spectrum-button-xl-accent-fill-black-textonly-version": "7.1.0", - "spectrum-button-xl-primary-fill-black-textonly-name": "Button (xl-primary-fill-black-textonly)", - "spectrum-button-xl-primary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-fill-black-textonly-status": "Verified", - "spectrum-button-xl-primary-fill-black-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-fill-black-textonly-name": "Button (xl-secondary-fill-black-textonly)", - "spectrum-button-xl-secondary-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-fill-black-textonly-status": "Verified", - "spectrum-button-xl-secondary-fill-black-textonly-version": "7.1.0", - "spectrum-button-xl-negative-fill-black-textonly-name": "Button (xl-negative-fill-black-textonly)", - "spectrum-button-xl-negative-fill-black-textonly-description": "Button with options staticColor=black style=fill size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-fill-black-textonly-status": "Verified", - "spectrum-button-xl-negative-fill-black-textonly-version": "7.1.0", - "spectrum-button-s-accent-outline-black-icononly-name": "Button (s-accent-outline-black-icononly)", - "spectrum-button-s-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=accent", - "spectrum-button-s-accent-outline-black-icononly-status": "Verified", - "spectrum-button-s-accent-outline-black-icononly-version": "7.1.0", - "spectrum-button-s-primary-outline-black-icononly-name": "Button (s-primary-outline-black-icononly)", - "spectrum-button-s-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=primary", - "spectrum-button-s-primary-outline-black-icononly-status": "Verified", - "spectrum-button-s-primary-outline-black-icononly-version": "7.1.0", - "spectrum-button-s-secondary-outline-black-icononly-name": "Button (s-secondary-outline-black-icononly)", - "spectrum-button-s-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=secondary", - "spectrum-button-s-secondary-outline-black-icononly-status": "Verified", - "spectrum-button-s-secondary-outline-black-icononly-version": "7.1.0", - "spectrum-button-s-negative-outline-black-icononly-name": "Button (s-negative-outline-black-icononly)", - "spectrum-button-s-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=s content=icononly variant=negative", - "spectrum-button-s-negative-outline-black-icononly-status": "Verified", - "spectrum-button-s-negative-outline-black-icononly-version": "7.1.0", - "spectrum-button-s-accent-outline-black-texticon-name": "Button (s-accent-outline-black-texticon)", - "spectrum-button-s-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=accent", - "spectrum-button-s-accent-outline-black-texticon-status": "Verified", - "spectrum-button-s-accent-outline-black-texticon-version": "7.1.0", - "spectrum-button-s-primary-outline-black-texticon-name": "Button (s-primary-outline-black-texticon)", - "spectrum-button-s-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=primary", - "spectrum-button-s-primary-outline-black-texticon-status": "Verified", - "spectrum-button-s-primary-outline-black-texticon-version": "7.1.0", - "spectrum-button-s-secondary-outline-black-texticon-name": "Button (s-secondary-outline-black-texticon)", - "spectrum-button-s-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=secondary", - "spectrum-button-s-secondary-outline-black-texticon-status": "Verified", - "spectrum-button-s-secondary-outline-black-texticon-version": "7.1.0", - "spectrum-button-s-negative-outline-black-texticon-name": "Button (s-negative-outline-black-texticon)", - "spectrum-button-s-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=s content=texticon variant=negative", - "spectrum-button-s-negative-outline-black-texticon-status": "Verified", - "spectrum-button-s-negative-outline-black-texticon-version": "7.1.0", - "spectrum-button-s-accent-outline-black-textonly-name": "Button (s-accent-outline-black-textonly)", - "spectrum-button-s-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=accent", - "spectrum-button-s-accent-outline-black-textonly-status": "Verified", - "spectrum-button-s-accent-outline-black-textonly-version": "7.1.0", - "spectrum-button-s-primary-outline-black-textonly-name": "Button (s-primary-outline-black-textonly)", - "spectrum-button-s-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=primary", - "spectrum-button-s-primary-outline-black-textonly-status": "Verified", - "spectrum-button-s-primary-outline-black-textonly-version": "7.1.0", - "spectrum-button-s-secondary-outline-black-textonly-name": "Button (s-secondary-outline-black-textonly)", - "spectrum-button-s-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=secondary", - "spectrum-button-s-secondary-outline-black-textonly-status": "Verified", - "spectrum-button-s-secondary-outline-black-textonly-version": "7.1.0", - "spectrum-button-s-negative-outline-black-textonly-name": "Button (s-negative-outline-black-textonly)", - "spectrum-button-s-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=s content=textonly variant=negative", - "spectrum-button-s-negative-outline-black-textonly-status": "Verified", - "spectrum-button-s-negative-outline-black-textonly-version": "7.1.0", - "spectrum-button-m-accent-outline-black-icononly-name": "Button (m-accent-outline-black-icononly)", - "spectrum-button-m-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=accent", - "spectrum-button-m-accent-outline-black-icononly-status": "Verified", - "spectrum-button-m-accent-outline-black-icononly-version": "7.1.0", - "spectrum-button-m-primary-outline-black-icononly-name": "Button (m-primary-outline-black-icononly)", - "spectrum-button-m-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=primary", - "spectrum-button-m-primary-outline-black-icononly-status": "Verified", - "spectrum-button-m-primary-outline-black-icononly-version": "7.1.0", - "spectrum-button-m-secondary-outline-black-icononly-name": "Button (m-secondary-outline-black-icononly)", - "spectrum-button-m-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=secondary", - "spectrum-button-m-secondary-outline-black-icononly-status": "Verified", - "spectrum-button-m-secondary-outline-black-icononly-version": "7.1.0", - "spectrum-button-m-negative-outline-black-icononly-name": "Button (m-negative-outline-black-icononly)", - "spectrum-button-m-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=m content=icononly variant=negative", - "spectrum-button-m-negative-outline-black-icononly-status": "Verified", - "spectrum-button-m-negative-outline-black-icononly-version": "7.1.0", - "spectrum-button-m-accent-outline-black-texticon-name": "Button (m-accent-outline-black-texticon)", - "spectrum-button-m-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=accent", - "spectrum-button-m-accent-outline-black-texticon-status": "Verified", - "spectrum-button-m-accent-outline-black-texticon-version": "7.1.0", - "spectrum-button-m-primary-outline-black-texticon-name": "Button (m-primary-outline-black-texticon)", - "spectrum-button-m-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=primary", - "spectrum-button-m-primary-outline-black-texticon-status": "Verified", - "spectrum-button-m-primary-outline-black-texticon-version": "7.1.0", - "spectrum-button-m-secondary-outline-black-texticon-name": "Button (m-secondary-outline-black-texticon)", - "spectrum-button-m-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=secondary", - "spectrum-button-m-secondary-outline-black-texticon-status": "Verified", - "spectrum-button-m-secondary-outline-black-texticon-version": "7.1.0", - "spectrum-button-m-negative-outline-black-texticon-name": "Button (m-negative-outline-black-texticon)", - "spectrum-button-m-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=m content=texticon variant=negative", - "spectrum-button-m-negative-outline-black-texticon-status": "Verified", - "spectrum-button-m-negative-outline-black-texticon-version": "7.1.0", - "spectrum-button-m-accent-outline-black-textonly-name": "Button (m-accent-outline-black-textonly)", - "spectrum-button-m-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=accent", - "spectrum-button-m-accent-outline-black-textonly-status": "Verified", - "spectrum-button-m-accent-outline-black-textonly-version": "7.1.0", - "spectrum-button-m-primary-outline-black-textonly-name": "Button (m-primary-outline-black-textonly)", - "spectrum-button-m-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=primary", - "spectrum-button-m-primary-outline-black-textonly-status": "Verified", - "spectrum-button-m-primary-outline-black-textonly-version": "7.1.0", - "spectrum-button-m-secondary-outline-black-textonly-name": "Button (m-secondary-outline-black-textonly)", - "spectrum-button-m-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=secondary", - "spectrum-button-m-secondary-outline-black-textonly-status": "Verified", - "spectrum-button-m-secondary-outline-black-textonly-version": "7.1.0", - "spectrum-button-m-negative-outline-black-textonly-name": "Button (m-negative-outline-black-textonly)", - "spectrum-button-m-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=m content=textonly variant=negative", - "spectrum-button-m-negative-outline-black-textonly-status": "Verified", - "spectrum-button-m-negative-outline-black-textonly-version": "7.1.0", - "spectrum-button-l-accent-outline-black-icononly-name": "Button (l-accent-outline-black-icononly)", - "spectrum-button-l-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=accent", - "spectrum-button-l-accent-outline-black-icononly-status": "Verified", - "spectrum-button-l-accent-outline-black-icononly-version": "7.1.0", - "spectrum-button-l-primary-outline-black-icononly-name": "Button (l-primary-outline-black-icononly)", - "spectrum-button-l-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=primary", - "spectrum-button-l-primary-outline-black-icononly-status": "Verified", - "spectrum-button-l-primary-outline-black-icononly-version": "7.1.0", - "spectrum-button-l-secondary-outline-black-icononly-name": "Button (l-secondary-outline-black-icononly)", - "spectrum-button-l-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=secondary", - "spectrum-button-l-secondary-outline-black-icononly-status": "Verified", - "spectrum-button-l-secondary-outline-black-icononly-version": "7.1.0", - "spectrum-button-l-negative-outline-black-icononly-name": "Button (l-negative-outline-black-icononly)", - "spectrum-button-l-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=l content=icononly variant=negative", - "spectrum-button-l-negative-outline-black-icononly-status": "Verified", - "spectrum-button-l-negative-outline-black-icononly-version": "7.1.0", - "spectrum-button-l-accent-outline-black-texticon-name": "Button (l-accent-outline-black-texticon)", - "spectrum-button-l-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=accent", - "spectrum-button-l-accent-outline-black-texticon-status": "Verified", - "spectrum-button-l-accent-outline-black-texticon-version": "7.1.0", - "spectrum-button-l-primary-outline-black-texticon-name": "Button (l-primary-outline-black-texticon)", - "spectrum-button-l-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=primary", - "spectrum-button-l-primary-outline-black-texticon-status": "Verified", - "spectrum-button-l-primary-outline-black-texticon-version": "7.1.0", - "spectrum-button-l-secondary-outline-black-texticon-name": "Button (l-secondary-outline-black-texticon)", - "spectrum-button-l-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=secondary", - "spectrum-button-l-secondary-outline-black-texticon-status": "Verified", - "spectrum-button-l-secondary-outline-black-texticon-version": "7.1.0", - "spectrum-button-l-negative-outline-black-texticon-name": "Button (l-negative-outline-black-texticon)", - "spectrum-button-l-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=l content=texticon variant=negative", - "spectrum-button-l-negative-outline-black-texticon-status": "Verified", - "spectrum-button-l-negative-outline-black-texticon-version": "7.1.0", - "spectrum-button-l-accent-outline-black-textonly-name": "Button (l-accent-outline-black-textonly)", - "spectrum-button-l-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=accent", - "spectrum-button-l-accent-outline-black-textonly-status": "Verified", - "spectrum-button-l-accent-outline-black-textonly-version": "7.1.0", - "spectrum-button-l-primary-outline-black-textonly-name": "Button (l-primary-outline-black-textonly)", - "spectrum-button-l-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=primary", - "spectrum-button-l-primary-outline-black-textonly-status": "Verified", - "spectrum-button-l-primary-outline-black-textonly-version": "7.1.0", - "spectrum-button-l-secondary-outline-black-textonly-name": "Button (l-secondary-outline-black-textonly)", - "spectrum-button-l-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=secondary", - "spectrum-button-l-secondary-outline-black-textonly-status": "Verified", - "spectrum-button-l-secondary-outline-black-textonly-version": "7.1.0", - "spectrum-button-l-negative-outline-black-textonly-name": "Button (l-negative-outline-black-textonly)", - "spectrum-button-l-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=l content=textonly variant=negative", - "spectrum-button-l-negative-outline-black-textonly-status": "Verified", - "spectrum-button-l-negative-outline-black-textonly-version": "7.1.0", - "spectrum-button-xl-accent-outline-black-icononly-name": "Button (xl-accent-outline-black-icononly)", - "spectrum-button-xl-accent-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=accent", - "spectrum-button-xl-accent-outline-black-icononly-status": "Verified", - "spectrum-button-xl-accent-outline-black-icononly-version": "7.1.0", - "spectrum-button-xl-primary-outline-black-icononly-name": "Button (xl-primary-outline-black-icononly)", - "spectrum-button-xl-primary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=primary", - "spectrum-button-xl-primary-outline-black-icononly-status": "Verified", - "spectrum-button-xl-primary-outline-black-icononly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-black-icononly-name": "Button (xl-secondary-outline-black-icononly)", - "spectrum-button-xl-secondary-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=secondary", - "spectrum-button-xl-secondary-outline-black-icononly-status": "Verified", - "spectrum-button-xl-secondary-outline-black-icononly-version": "7.1.0", - "spectrum-button-xl-negative-outline-black-icononly-name": "Button (xl-negative-outline-black-icononly)", - "spectrum-button-xl-negative-outline-black-icononly-description": "Button with options staticColor=black style=outline size=xl content=icononly variant=negative", - "spectrum-button-xl-negative-outline-black-icononly-status": "Verified", - "spectrum-button-xl-negative-outline-black-icononly-version": "7.1.0", - "spectrum-button-xl-accent-outline-black-texticon-name": "Button (xl-accent-outline-black-texticon)", - "spectrum-button-xl-accent-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=accent", - "spectrum-button-xl-accent-outline-black-texticon-status": "Verified", - "spectrum-button-xl-accent-outline-black-texticon-version": "7.1.0", - "spectrum-button-xl-primary-outline-black-texticon-name": "Button (xl-primary-outline-black-texticon)", - "spectrum-button-xl-primary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=primary", - "spectrum-button-xl-primary-outline-black-texticon-status": "Verified", - "spectrum-button-xl-primary-outline-black-texticon-version": "7.1.0", - "spectrum-button-xl-secondary-outline-black-texticon-name": "Button (xl-secondary-outline-black-texticon)", - "spectrum-button-xl-secondary-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=secondary", - "spectrum-button-xl-secondary-outline-black-texticon-status": "Verified", - "spectrum-button-xl-secondary-outline-black-texticon-version": "7.1.0", - "spectrum-button-xl-negative-outline-black-texticon-name": "Button (xl-negative-outline-black-texticon)", - "spectrum-button-xl-negative-outline-black-texticon-description": "Button with options staticColor=black style=outline size=xl content=texticon variant=negative", - "spectrum-button-xl-negative-outline-black-texticon-status": "Verified", - "spectrum-button-xl-negative-outline-black-texticon-version": "7.1.0", - "spectrum-button-xl-accent-outline-black-textonly-name": "Button (xl-accent-outline-black-textonly)", - "spectrum-button-xl-accent-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=accent", - "spectrum-button-xl-accent-outline-black-textonly-status": "Verified", - "spectrum-button-xl-accent-outline-black-textonly-version": "7.1.0", - "spectrum-button-xl-primary-outline-black-textonly-name": "Button (xl-primary-outline-black-textonly)", - "spectrum-button-xl-primary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=primary", - "spectrum-button-xl-primary-outline-black-textonly-status": "Verified", - "spectrum-button-xl-primary-outline-black-textonly-version": "7.1.0", - "spectrum-button-xl-secondary-outline-black-textonly-name": "Button (xl-secondary-outline-black-textonly)", - "spectrum-button-xl-secondary-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=secondary", - "spectrum-button-xl-secondary-outline-black-textonly-status": "Verified", - "spectrum-button-xl-secondary-outline-black-textonly-version": "7.1.0", - "spectrum-button-xl-negative-outline-black-textonly-name": "Button (xl-negative-outline-black-textonly)", - "spectrum-button-xl-negative-outline-black-textonly-description": "Button with options staticColor=black style=outline size=xl content=textonly variant=negative", - "spectrum-button-xl-negative-outline-black-textonly-status": "Verified", - "spectrum-button-xl-negative-outline-black-textonly-version": "7.1.0", - "spectrum-buttongroup-name": "ButtonGroup (default)", - "spectrum-buttongroup-description": "ButtonGroup with no options", - "spectrum-buttongroup-version": "5.0.0", - "spectrum-calendar-name": "Calendar (default)", - "spectrum-calendar-description": "Calendar with no options", - "spectrum-calendar-status": "Verified", - "spectrum-calendar-version": "1.0.0", - "spectrum-card-s-quiet-name": "Card (s-quiet)", - "spectrum-card-s-quiet-description": "Card with options size=s quiet=true", - "spectrum-card-s-quiet-status": "Verified", - "spectrum-card-s-quiet-version": "1.1.0", - "spectrum-card-s-name": "Card (s)", - "spectrum-card-s-description": "Card with options size=s quiet=false", - "spectrum-card-s-status": "Verified", - "spectrum-card-s-version": "1.1.0", - "spectrum-card-m-quiet-name": "Card (m-quiet)", - "spectrum-card-m-quiet-description": "Card with options size=m quiet=true", - "spectrum-card-m-quiet-status": "Verified", - "spectrum-card-m-quiet-version": "1.1.0", - "spectrum-card-m-name": "Card (m)", - "spectrum-card-m-description": "Card with options size=m quiet=false", - "spectrum-card-m-status": "Verified", - "spectrum-card-m-version": "1.1.0", - "spectrum-checkbox-s-emphasized-name": "Checkbox (s-emphasized)", - "spectrum-checkbox-s-emphasized-description": "Checkbox with options size=s emphasized=true", - "spectrum-checkbox-s-emphasized-status": "Verified", - "spectrum-checkbox-s-emphasized-version": "6.3.2", - "spectrum-checkbox-s-name": "Checkbox (s)", - "spectrum-checkbox-s-description": "Checkbox with options size=s emphasized=false", - "spectrum-checkbox-s-status": "Verified", - "spectrum-checkbox-s-version": "6.3.2", - "spectrum-checkbox-m-emphasized-name": "Checkbox (m-emphasized)", - "spectrum-checkbox-m-emphasized-description": "Checkbox with options size=m emphasized=true", - "spectrum-checkbox-m-emphasized-status": "Verified", - "spectrum-checkbox-m-emphasized-version": "6.3.2", - "spectrum-checkbox-m-name": "Checkbox (m)", - "spectrum-checkbox-m-description": "Checkbox with options size=m emphasized=false", - "spectrum-checkbox-m-status": "Verified", - "spectrum-checkbox-m-version": "6.3.2", - "spectrum-checkbox-l-emphasized-name": "Checkbox (l-emphasized)", - "spectrum-checkbox-l-emphasized-description": "Checkbox with options size=l emphasized=true", - "spectrum-checkbox-l-emphasized-status": "Verified", - "spectrum-checkbox-l-emphasized-version": "6.3.2", - "spectrum-checkbox-l-name": "Checkbox (l)", - "spectrum-checkbox-l-description": "Checkbox with options size=l emphasized=false", - "spectrum-checkbox-l-status": "Verified", - "spectrum-checkbox-l-version": "6.3.2", - "spectrum-checkbox-xl-emphasized-name": "Checkbox (xl-emphasized)", - "spectrum-checkbox-xl-emphasized-description": "Checkbox with options size=xl emphasized=true", - "spectrum-checkbox-xl-emphasized-status": "Verified", - "spectrum-checkbox-xl-emphasized-version": "6.3.2", - "spectrum-checkbox-xl-name": "Checkbox (xl)", - "spectrum-checkbox-xl-description": "Checkbox with options size=xl emphasized=false", - "spectrum-checkbox-xl-status": "Verified", - "spectrum-checkbox-xl-version": "6.3.2", - "spectrum-clearbutton-s-name": "ClearButton (s)", - "spectrum-clearbutton-s-description": "ClearButton with options size=s", - "spectrum-clearbutton-s-version": "6.1.0", - "spectrum-clearbutton-m-name": "ClearButton (m)", - "spectrum-clearbutton-m-description": "ClearButton with options size=m", - "spectrum-clearbutton-m-version": "6.1.0", - "spectrum-clearbutton-l-name": "ClearButton (l)", - "spectrum-clearbutton-l-description": "ClearButton with options size=l", - "spectrum-clearbutton-l-version": "6.1.0", - "spectrum-clearbutton-xl-name": "ClearButton (xl)", - "spectrum-clearbutton-xl-description": "ClearButton with options size=xl", - "spectrum-clearbutton-xl-version": "6.1.0", - "spectrum-closebutton-s-none-name": "CloseButton (s-none)", - "spectrum-closebutton-s-none-description": "CloseButton with options size=s iconSize=large staticColor=none", - "spectrum-closebutton-s-none-version": "2.0.1", - "spectrum-closebutton-s-white-name": "CloseButton (s-white)", - "spectrum-closebutton-s-white-description": "CloseButton with options size=s iconSize=large staticColor=white", - "spectrum-closebutton-s-white-version": "2.0.1", - "spectrum-closebutton-s-black-name": "CloseButton (s-black)", - "spectrum-closebutton-s-black-description": "CloseButton with options size=s iconSize=large staticColor=black", - "spectrum-closebutton-s-black-version": "2.0.1", - "spectrum-closebutton-m-none-name": "CloseButton (m-none)", - "spectrum-closebutton-m-none-description": "CloseButton with options size=m iconSize=large staticColor=none", - "spectrum-closebutton-m-none-version": "2.0.1", - "spectrum-closebutton-m-white-name": "CloseButton (m-white)", - "spectrum-closebutton-m-white-description": "CloseButton with options size=m iconSize=large staticColor=white", - "spectrum-closebutton-m-white-version": "2.0.1", - "spectrum-closebutton-m-black-name": "CloseButton (m-black)", - "spectrum-closebutton-m-black-description": "CloseButton with options size=m iconSize=large staticColor=black", - "spectrum-closebutton-m-black-version": "2.0.1", - "spectrum-closebutton-l-none-name": "CloseButton (l-none)", - "spectrum-closebutton-l-none-description": "CloseButton with options size=l iconSize=large staticColor=none", - "spectrum-closebutton-l-none-version": "2.0.1", - "spectrum-closebutton-l-white-name": "CloseButton (l-white)", - "spectrum-closebutton-l-white-description": "CloseButton with options size=l iconSize=large staticColor=white", - "spectrum-closebutton-l-white-version": "2.0.1", - "spectrum-closebutton-l-black-name": "CloseButton (l-black)", - "spectrum-closebutton-l-black-description": "CloseButton with options size=l iconSize=large staticColor=black", - "spectrum-closebutton-l-black-version": "2.0.1", - "spectrum-closebutton-xl-none-name": "CloseButton (xl-none)", - "spectrum-closebutton-xl-none-description": "CloseButton with options size=xl iconSize=large staticColor=none", - "spectrum-closebutton-xl-none-version": "2.0.1", - "spectrum-closebutton-xl-white-name": "CloseButton (xl-white)", - "spectrum-closebutton-xl-white-description": "CloseButton with options size=xl iconSize=large staticColor=white", - "spectrum-closebutton-xl-white-version": "2.0.1", - "spectrum-closebutton-xl-black-name": "CloseButton (xl-black)", - "spectrum-closebutton-xl-black-description": "CloseButton with options size=xl iconSize=large staticColor=black", - "spectrum-closebutton-xl-black-version": "2.0.1", - "spectrum-coachmark-quiet-name": "Coachmark (quiet)", - "spectrum-coachmark-quiet-description": "Coachmark with options quiet=true", - "spectrum-coachmark-quiet-status": "Verified", - "spectrum-coachmark-quiet-version": "6.0.0", - "spectrum-coachmark-name": "Coachmark (default)", - "spectrum-coachmark-description": "Coachmark with options quiet=false", - "spectrum-coachmark-status": "Verified", - "spectrum-coachmark-version": "6.0.0", - "spectrum-code-xs-emphasized-strong-name": "Code (xs-emphasized-strong)", - "spectrum-code-xs-emphasized-strong-description": "Code with options script=latin size=xs emphasized=true strong=true", - "spectrum-code-xs-emphasized-strong-status": "Verified", - "spectrum-code-xs-emphasized-strong-version": "6.0.0", - "spectrum-code-xs-emphasized-name": "Code (xs-emphasized)", - "spectrum-code-xs-emphasized-description": "Code with options script=latin size=xs emphasized=true strong=false", - "spectrum-code-xs-emphasized-status": "Verified", - "spectrum-code-xs-emphasized-version": "6.0.0", - "spectrum-code-xs-strong-name": "Code (xs-strong)", - "spectrum-code-xs-strong-description": "Code with options script=latin size=xs emphasized=false strong=true", - "spectrum-code-xs-strong-status": "Verified", - "spectrum-code-xs-strong-version": "6.0.0", - "spectrum-code-xs-name": "Code (xs)", - "spectrum-code-xs-description": "Code with options script=latin size=xs emphasized=false strong=false", - "spectrum-code-xs-status": "Verified", - "spectrum-code-xs-version": "6.0.0", - "spectrum-code-s-emphasized-strong-name": "Code (s-emphasized-strong)", - "spectrum-code-s-emphasized-strong-description": "Code with options script=latin size=s emphasized=true strong=true", - "spectrum-code-s-emphasized-strong-status": "Verified", - "spectrum-code-s-emphasized-strong-version": "6.0.0", - "spectrum-code-s-emphasized-name": "Code (s-emphasized)", - "spectrum-code-s-emphasized-description": "Code with options script=latin size=s emphasized=true strong=false", - "spectrum-code-s-emphasized-status": "Verified", - "spectrum-code-s-emphasized-version": "6.0.0", - "spectrum-code-s-strong-name": "Code (s-strong)", - "spectrum-code-s-strong-description": "Code with options script=latin size=s emphasized=false strong=true", - "spectrum-code-s-strong-status": "Verified", - "spectrum-code-s-strong-version": "6.0.0", - "spectrum-code-s-name": "Code (s)", - "spectrum-code-s-description": "Code with options script=latin size=s emphasized=false strong=false", - "spectrum-code-s-status": "Verified", - "spectrum-code-s-version": "6.0.0", - "spectrum-code-m-emphasized-strong-name": "Code (m-emphasized-strong)", - "spectrum-code-m-emphasized-strong-description": "Code with options script=latin size=m emphasized=true strong=true", - "spectrum-code-m-emphasized-strong-status": "Verified", - "spectrum-code-m-emphasized-strong-version": "6.0.0", - "spectrum-code-m-emphasized-name": "Code (m-emphasized)", - "spectrum-code-m-emphasized-description": "Code with options script=latin size=m emphasized=true strong=false", - "spectrum-code-m-emphasized-status": "Verified", - "spectrum-code-m-emphasized-version": "6.0.0", - "spectrum-code-m-strong-name": "Code (m-strong)", - "spectrum-code-m-strong-description": "Code with options script=latin size=m emphasized=false strong=true", - "spectrum-code-m-strong-status": "Verified", - "spectrum-code-m-strong-version": "6.0.0", - "spectrum-code-m-name": "Code (m)", - "spectrum-code-m-description": "Code with options script=latin size=m emphasized=false strong=false", - "spectrum-code-m-status": "Verified", - "spectrum-code-m-version": "6.0.0", - "spectrum-code-l-emphasized-strong-name": "Code (l-emphasized-strong)", - "spectrum-code-l-emphasized-strong-description": "Code with options script=latin size=l emphasized=true strong=true", - "spectrum-code-l-emphasized-strong-status": "Verified", - "spectrum-code-l-emphasized-strong-version": "6.0.0", - "spectrum-code-l-emphasized-name": "Code (l-emphasized)", - "spectrum-code-l-emphasized-description": "Code with options script=latin size=l emphasized=true strong=false", - "spectrum-code-l-emphasized-status": "Verified", - "spectrum-code-l-emphasized-version": "6.0.0", - "spectrum-code-l-strong-name": "Code (l-strong)", - "spectrum-code-l-strong-description": "Code with options script=latin size=l emphasized=false strong=true", - "spectrum-code-l-strong-status": "Verified", - "spectrum-code-l-strong-version": "6.0.0", - "spectrum-code-l-name": "Code (l)", - "spectrum-code-l-description": "Code with options script=latin size=l emphasized=false strong=false", - "spectrum-code-l-status": "Verified", - "spectrum-code-l-version": "6.0.0", - "spectrum-code-xl-emphasized-strong-name": "Code (xl-emphasized-strong)", - "spectrum-code-xl-emphasized-strong-description": "Code with options script=latin size=xl emphasized=true strong=true", - "spectrum-code-xl-emphasized-strong-status": "Verified", - "spectrum-code-xl-emphasized-strong-version": "6.0.0", - "spectrum-code-xl-emphasized-name": "Code (xl-emphasized)", - "spectrum-code-xl-emphasized-description": "Code with options script=latin size=xl emphasized=true strong=false", - "spectrum-code-xl-emphasized-status": "Verified", - "spectrum-code-xl-emphasized-version": "6.0.0", - "spectrum-code-xl-strong-name": "Code (xl-strong)", - "spectrum-code-xl-strong-description": "Code with options script=latin size=xl emphasized=false strong=true", - "spectrum-code-xl-strong-status": "Verified", - "spectrum-code-xl-strong-version": "6.0.0", - "spectrum-code-xl-name": "Code (xl)", - "spectrum-code-xl-description": "Code with options script=latin size=xl emphasized=false strong=false", - "spectrum-code-xl-status": "Verified", - "spectrum-code-xl-version": "6.0.0", - "spectrum-code-han-xs-emphasized-strong-name": "Code (han-xs-emphasized-strong)", - "spectrum-code-han-xs-emphasized-strong-description": "Code with options script=han size=xs emphasized=true strong=true", - "spectrum-code-han-xs-emphasized-strong-status": "Verified", - "spectrum-code-han-xs-emphasized-strong-version": "6.0.0", - "spectrum-code-han-xs-emphasized-name": "Code (han-xs-emphasized)", - "spectrum-code-han-xs-emphasized-description": "Code with options script=han size=xs emphasized=true strong=false", - "spectrum-code-han-xs-emphasized-status": "Verified", - "spectrum-code-han-xs-emphasized-version": "6.0.0", - "spectrum-code-han-xs-strong-name": "Code (han-xs-strong)", - "spectrum-code-han-xs-strong-description": "Code with options script=han size=xs emphasized=false strong=true", - "spectrum-code-han-xs-strong-status": "Verified", - "spectrum-code-han-xs-strong-version": "6.0.0", - "spectrum-code-han-xs-name": "Code (han-xs)", - "spectrum-code-han-xs-description": "Code with options script=han size=xs emphasized=false strong=false", - "spectrum-code-han-xs-status": "Verified", - "spectrum-code-han-xs-version": "6.0.0", - "spectrum-code-han-s-emphasized-strong-name": "Code (han-s-emphasized-strong)", - "spectrum-code-han-s-emphasized-strong-description": "Code with options script=han size=s emphasized=true strong=true", - "spectrum-code-han-s-emphasized-strong-status": "Verified", - "spectrum-code-han-s-emphasized-strong-version": "6.0.0", - "spectrum-code-han-s-emphasized-name": "Code (han-s-emphasized)", - "spectrum-code-han-s-emphasized-description": "Code with options script=han size=s emphasized=true strong=false", - "spectrum-code-han-s-emphasized-status": "Verified", - "spectrum-code-han-s-emphasized-version": "6.0.0", - "spectrum-code-han-s-strong-name": "Code (han-s-strong)", - "spectrum-code-han-s-strong-description": "Code with options script=han size=s emphasized=false strong=true", - "spectrum-code-han-s-strong-status": "Verified", - "spectrum-code-han-s-strong-version": "6.0.0", - "spectrum-code-han-s-name": "Code (han-s)", - "spectrum-code-han-s-description": "Code with options script=han size=s emphasized=false strong=false", - "spectrum-code-han-s-status": "Verified", - "spectrum-code-han-s-version": "6.0.0", - "spectrum-code-han-m-emphasized-strong-name": "Code (han-m-emphasized-strong)", - "spectrum-code-han-m-emphasized-strong-description": "Code with options script=han size=m emphasized=true strong=true", - "spectrum-code-han-m-emphasized-strong-status": "Verified", - "spectrum-code-han-m-emphasized-strong-version": "6.0.0", - "spectrum-code-han-m-emphasized-name": "Code (han-m-emphasized)", - "spectrum-code-han-m-emphasized-description": "Code with options script=han size=m emphasized=true strong=false", - "spectrum-code-han-m-emphasized-status": "Verified", - "spectrum-code-han-m-emphasized-version": "6.0.0", - "spectrum-code-han-m-strong-name": "Code (han-m-strong)", - "spectrum-code-han-m-strong-description": "Code with options script=han size=m emphasized=false strong=true", - "spectrum-code-han-m-strong-status": "Verified", - "spectrum-code-han-m-strong-version": "6.0.0", - "spectrum-code-han-m-name": "Code (han-m)", - "spectrum-code-han-m-description": "Code with options script=han size=m emphasized=false strong=false", - "spectrum-code-han-m-status": "Verified", - "spectrum-code-han-m-version": "6.0.0", - "spectrum-code-han-l-emphasized-strong-name": "Code (han-l-emphasized-strong)", - "spectrum-code-han-l-emphasized-strong-description": "Code with options script=han size=l emphasized=true strong=true", - "spectrum-code-han-l-emphasized-strong-status": "Verified", - "spectrum-code-han-l-emphasized-strong-version": "6.0.0", - "spectrum-code-han-l-emphasized-name": "Code (han-l-emphasized)", - "spectrum-code-han-l-emphasized-description": "Code with options script=han size=l emphasized=true strong=false", - "spectrum-code-han-l-emphasized-status": "Verified", - "spectrum-code-han-l-emphasized-version": "6.0.0", - "spectrum-code-han-l-strong-name": "Code (han-l-strong)", - "spectrum-code-han-l-strong-description": "Code with options script=han size=l emphasized=false strong=true", - "spectrum-code-han-l-strong-status": "Verified", - "spectrum-code-han-l-strong-version": "6.0.0", - "spectrum-code-han-l-name": "Code (han-l)", - "spectrum-code-han-l-description": "Code with options script=han size=l emphasized=false strong=false", - "spectrum-code-han-l-status": "Verified", - "spectrum-code-han-l-version": "6.0.0", - "spectrum-code-han-xl-emphasized-strong-name": "Code (han-xl-emphasized-strong)", - "spectrum-code-han-xl-emphasized-strong-description": "Code with options script=han size=xl emphasized=true strong=true", - "spectrum-code-han-xl-emphasized-strong-status": "Verified", - "spectrum-code-han-xl-emphasized-strong-version": "6.0.0", - "spectrum-code-han-xl-emphasized-name": "Code (han-xl-emphasized)", - "spectrum-code-han-xl-emphasized-description": "Code with options script=han size=xl emphasized=true strong=false", - "spectrum-code-han-xl-emphasized-status": "Verified", - "spectrum-code-han-xl-emphasized-version": "6.0.0", - "spectrum-code-han-xl-strong-name": "Code (han-xl-strong)", - "spectrum-code-han-xl-strong-description": "Code with options script=han size=xl emphasized=false strong=true", - "spectrum-code-han-xl-strong-status": "Verified", - "spectrum-code-han-xl-strong-version": "6.0.0", - "spectrum-code-han-xl-name": "Code (han-xl)", - "spectrum-code-han-xl-description": "Code with options script=han size=xl emphasized=false strong=false", - "spectrum-code-han-xl-status": "Verified", - "spectrum-code-han-xl-version": "6.0.0", - "spectrum-colorarea-name": "ColorArea (default)", - "spectrum-colorarea-description": "ColorArea with no options", - "spectrum-colorarea-status": "Verified", - "spectrum-colorarea-version": "2.0.0", - "spectrum-colorhandle-name": "ColorHandle (default)", - "spectrum-colorhandle-description": "ColorHandle with no options", - "spectrum-colorhandle-status": "Verified", - "spectrum-colorhandle-version": "2.0.0", - "spectrum-colorloupe-name": "ColorLoupe (default)", - "spectrum-colorloupe-description": "ColorLoupe with no options", - "spectrum-colorloupe-status": "Verified", - "spectrum-colorloupe-version": "1.0.0", - "spectrum-colorslider-vertical-name": "ColorSlider (vertical)", - "spectrum-colorslider-vertical-description": "ColorSlider with options vertical=true", - "spectrum-colorslider-vertical-status": "Verified", - "spectrum-colorslider-vertical-version": "2.0.0", - "spectrum-colorslider-name": "ColorSlider (default)", - "spectrum-colorslider-description": "ColorSlider with options vertical=false", - "spectrum-colorslider-status": "Verified", - "spectrum-colorslider-version": "2.0.0", - "spectrum-colorwheel-name": "ColorWheel (default)", - "spectrum-colorwheel-description": "ColorWheel with no options", - "spectrum-colorwheel-status": "Verified", - "spectrum-colorwheel-version": "2.0.0", - "spectrum-combobox-s-quiet-name": "ComboBox (s-quiet)", - "spectrum-combobox-s-quiet-description": "ComboBox with options size=s quiet=true", - "spectrum-combobox-s-quiet-status": "Verified", - "spectrum-combobox-s-quiet-version": "6.1.0", - "spectrum-combobox-s-name": "ComboBox (s)", - "spectrum-combobox-s-description": "ComboBox with options size=s quiet=false", - "spectrum-combobox-s-status": "Verified", - "spectrum-combobox-s-version": "6.1.0", - "spectrum-combobox-m-quiet-name": "ComboBox (m-quiet)", - "spectrum-combobox-m-quiet-description": "ComboBox with options size=m quiet=true", - "spectrum-combobox-m-quiet-status": "Verified", - "spectrum-combobox-m-quiet-version": "6.1.0", - "spectrum-combobox-m-name": "ComboBox (m)", - "spectrum-combobox-m-description": "ComboBox with options size=m quiet=false", - "spectrum-combobox-m-status": "Verified", - "spectrum-combobox-m-version": "6.1.0", - "spectrum-combobox-l-quiet-name": "ComboBox (l-quiet)", - "spectrum-combobox-l-quiet-description": "ComboBox with options size=l quiet=true", - "spectrum-combobox-l-quiet-status": "Verified", - "spectrum-combobox-l-quiet-version": "6.1.0", - "spectrum-combobox-l-name": "ComboBox (l)", - "spectrum-combobox-l-description": "ComboBox with options size=l quiet=false", - "spectrum-combobox-l-status": "Verified", - "spectrum-combobox-l-version": "6.1.0", - "spectrum-combobox-xl-quiet-name": "ComboBox (xl-quiet)", - "spectrum-combobox-xl-quiet-description": "ComboBox with options size=xl quiet=true", - "spectrum-combobox-xl-quiet-status": "Verified", - "spectrum-combobox-xl-quiet-version": "6.1.0", - "spectrum-combobox-xl-name": "ComboBox (xl)", - "spectrum-combobox-xl-description": "ComboBox with options size=xl quiet=false", - "spectrum-combobox-xl-status": "Verified", - "spectrum-combobox-xl-version": "6.1.0", - "spectrum-cyclebutton-name": "CycleButton (default)", - "spectrum-cyclebutton-description": "CycleButton with no options", - "spectrum-cyclebutton-status": "Contribution", - "spectrum-cyclebutton-version": "3.0.0", - "spectrum-detail-s-serif-light-emphasized-strong-name": "Detail (s-serif-light-emphasized-strong)", - "spectrum-detail-s-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-detail-s-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-s-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-s-serif-light-emphasized-name": "Detail (s-serif-light-emphasized)", - "spectrum-detail-s-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-detail-s-serif-light-emphasized-status": "Verified", - "spectrum-detail-s-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-s-serif-light-strong-name": "Detail (s-serif-light-strong)", - "spectrum-detail-s-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-detail-s-serif-light-strong-status": "Verified", - "spectrum-detail-s-serif-light-strong-version": "6.0.0", - "spectrum-detail-s-serif-light-name": "Detail (s-serif-light)", - "spectrum-detail-s-serif-light-description": "Detail with options script=latin weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-detail-s-serif-light-status": "Verified", - "spectrum-detail-s-serif-light-version": "6.0.0", - "spectrum-detail-m-serif-light-emphasized-strong-name": "Detail (m-serif-light-emphasized-strong)", - "spectrum-detail-m-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-detail-m-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-m-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-m-serif-light-emphasized-name": "Detail (m-serif-light-emphasized)", - "spectrum-detail-m-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-detail-m-serif-light-emphasized-status": "Verified", - "spectrum-detail-m-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-m-serif-light-strong-name": "Detail (m-serif-light-strong)", - "spectrum-detail-m-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-detail-m-serif-light-strong-status": "Verified", - "spectrum-detail-m-serif-light-strong-version": "6.0.0", - "spectrum-detail-m-serif-light-name": "Detail (m-serif-light)", - "spectrum-detail-m-serif-light-description": "Detail with options script=latin weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-detail-m-serif-light-status": "Verified", - "spectrum-detail-m-serif-light-version": "6.0.0", - "spectrum-detail-l-serif-light-emphasized-strong-name": "Detail (l-serif-light-emphasized-strong)", - "spectrum-detail-l-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-detail-l-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-l-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-l-serif-light-emphasized-name": "Detail (l-serif-light-emphasized)", - "spectrum-detail-l-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-detail-l-serif-light-emphasized-status": "Verified", - "spectrum-detail-l-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-l-serif-light-strong-name": "Detail (l-serif-light-strong)", - "spectrum-detail-l-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-detail-l-serif-light-strong-status": "Verified", - "spectrum-detail-l-serif-light-strong-version": "6.0.0", - "spectrum-detail-l-serif-light-name": "Detail (l-serif-light)", - "spectrum-detail-l-serif-light-description": "Detail with options script=latin weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-detail-l-serif-light-status": "Verified", - "spectrum-detail-l-serif-light-version": "6.0.0", - "spectrum-detail-xl-serif-light-emphasized-strong-name": "Detail (xl-serif-light-emphasized-strong)", - "spectrum-detail-xl-serif-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-xl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-xl-serif-light-emphasized-name": "Detail (xl-serif-light-emphasized)", - "spectrum-detail-xl-serif-light-emphasized-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-serif-light-emphasized-status": "Verified", - "spectrum-detail-xl-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-xl-serif-light-strong-name": "Detail (xl-serif-light-strong)", - "spectrum-detail-xl-serif-light-strong-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-serif-light-strong-status": "Verified", - "spectrum-detail-xl-serif-light-strong-version": "6.0.0", - "spectrum-detail-xl-serif-light-name": "Detail (xl-serif-light)", - "spectrum-detail-xl-serif-light-description": "Detail with options script=latin weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-serif-light-status": "Verified", - "spectrum-detail-xl-serif-light-version": "6.0.0", - "spectrum-detail-s-light-emphasized-strong-name": "Detail (s-light-emphasized-strong)", - "spectrum-detail-s-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-s-light-emphasized-strong-status": "Verified", - "spectrum-detail-s-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-s-light-emphasized-name": "Detail (s-light-emphasized)", - "spectrum-detail-s-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-s-light-emphasized-status": "Verified", - "spectrum-detail-s-light-emphasized-version": "6.0.0", - "spectrum-detail-s-light-strong-name": "Detail (s-light-strong)", - "spectrum-detail-s-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-s-light-strong-status": "Verified", - "spectrum-detail-s-light-strong-version": "6.0.0", - "spectrum-detail-s-light-name": "Detail (s-light)", - "spectrum-detail-s-light-description": "Detail with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-s-light-status": "Verified", - "spectrum-detail-s-light-version": "6.0.0", - "spectrum-detail-m-light-emphasized-strong-name": "Detail (m-light-emphasized-strong)", - "spectrum-detail-m-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-m-light-emphasized-strong-status": "Verified", - "spectrum-detail-m-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-m-light-emphasized-name": "Detail (m-light-emphasized)", - "spectrum-detail-m-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-m-light-emphasized-status": "Verified", - "spectrum-detail-m-light-emphasized-version": "6.0.0", - "spectrum-detail-m-light-strong-name": "Detail (m-light-strong)", - "spectrum-detail-m-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-m-light-strong-status": "Verified", - "spectrum-detail-m-light-strong-version": "6.0.0", - "spectrum-detail-m-light-name": "Detail (m-light)", - "spectrum-detail-m-light-description": "Detail with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-m-light-status": "Verified", - "spectrum-detail-m-light-version": "6.0.0", - "spectrum-detail-l-light-emphasized-strong-name": "Detail (l-light-emphasized-strong)", - "spectrum-detail-l-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-l-light-emphasized-strong-status": "Verified", - "spectrum-detail-l-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-l-light-emphasized-name": "Detail (l-light-emphasized)", - "spectrum-detail-l-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-l-light-emphasized-status": "Verified", - "spectrum-detail-l-light-emphasized-version": "6.0.0", - "spectrum-detail-l-light-strong-name": "Detail (l-light-strong)", - "spectrum-detail-l-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-l-light-strong-status": "Verified", - "spectrum-detail-l-light-strong-version": "6.0.0", - "spectrum-detail-l-light-name": "Detail (l-light)", - "spectrum-detail-l-light-description": "Detail with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-l-light-status": "Verified", - "spectrum-detail-l-light-version": "6.0.0", - "spectrum-detail-xl-light-emphasized-strong-name": "Detail (xl-light-emphasized-strong)", - "spectrum-detail-xl-light-emphasized-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-light-emphasized-strong-status": "Verified", - "spectrum-detail-xl-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-xl-light-emphasized-name": "Detail (xl-light-emphasized)", - "spectrum-detail-xl-light-emphasized-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-light-emphasized-status": "Verified", - "spectrum-detail-xl-light-emphasized-version": "6.0.0", - "spectrum-detail-xl-light-strong-name": "Detail (xl-light-strong)", - "spectrum-detail-xl-light-strong-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-light-strong-status": "Verified", - "spectrum-detail-xl-light-strong-version": "6.0.0", - "spectrum-detail-xl-light-name": "Detail (xl-light)", - "spectrum-detail-xl-light-description": "Detail with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-light-status": "Verified", - "spectrum-detail-xl-light-version": "6.0.0", - "spectrum-detail-s-serif-emphasized-strong-name": "Detail (s-serif-emphasized-strong)", - "spectrum-detail-s-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-detail-s-serif-emphasized-strong-status": "Verified", - "spectrum-detail-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-s-serif-emphasized-name": "Detail (s-serif-emphasized)", - "spectrum-detail-s-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-detail-s-serif-emphasized-status": "Verified", - "spectrum-detail-s-serif-emphasized-version": "6.0.0", - "spectrum-detail-s-serif-strong-name": "Detail (s-serif-strong)", - "spectrum-detail-s-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-detail-s-serif-strong-status": "Verified", - "spectrum-detail-s-serif-strong-version": "6.0.0", - "spectrum-detail-s-serif-name": "Detail (s-serif)", - "spectrum-detail-s-serif-description": "Detail with options script=latin weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-detail-s-serif-status": "Verified", - "spectrum-detail-s-serif-version": "6.0.0", - "spectrum-detail-m-serif-emphasized-strong-name": "Detail (m-serif-emphasized-strong)", - "spectrum-detail-m-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-detail-m-serif-emphasized-strong-status": "Verified", - "spectrum-detail-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-m-serif-emphasized-name": "Detail (m-serif-emphasized)", - "spectrum-detail-m-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-detail-m-serif-emphasized-status": "Verified", - "spectrum-detail-m-serif-emphasized-version": "6.0.0", - "spectrum-detail-m-serif-strong-name": "Detail (m-serif-strong)", - "spectrum-detail-m-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-detail-m-serif-strong-status": "Verified", - "spectrum-detail-m-serif-strong-version": "6.0.0", - "spectrum-detail-m-serif-name": "Detail (m-serif)", - "spectrum-detail-m-serif-description": "Detail with options script=latin weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-detail-m-serif-status": "Verified", - "spectrum-detail-m-serif-version": "6.0.0", - "spectrum-detail-l-serif-emphasized-strong-name": "Detail (l-serif-emphasized-strong)", - "spectrum-detail-l-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-detail-l-serif-emphasized-strong-status": "Verified", - "spectrum-detail-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-l-serif-emphasized-name": "Detail (l-serif-emphasized)", - "spectrum-detail-l-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-detail-l-serif-emphasized-status": "Verified", - "spectrum-detail-l-serif-emphasized-version": "6.0.0", - "spectrum-detail-l-serif-strong-name": "Detail (l-serif-strong)", - "spectrum-detail-l-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-detail-l-serif-strong-status": "Verified", - "spectrum-detail-l-serif-strong-version": "6.0.0", - "spectrum-detail-l-serif-name": "Detail (l-serif)", - "spectrum-detail-l-serif-description": "Detail with options script=latin weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-detail-l-serif-status": "Verified", - "spectrum-detail-l-serif-version": "6.0.0", - "spectrum-detail-xl-serif-emphasized-strong-name": "Detail (xl-serif-emphasized-strong)", - "spectrum-detail-xl-serif-emphasized-strong-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-serif-emphasized-strong-status": "Verified", - "spectrum-detail-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-xl-serif-emphasized-name": "Detail (xl-serif-emphasized)", - "spectrum-detail-xl-serif-emphasized-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-serif-emphasized-status": "Verified", - "spectrum-detail-xl-serif-emphasized-version": "6.0.0", - "spectrum-detail-xl-serif-strong-name": "Detail (xl-serif-strong)", - "spectrum-detail-xl-serif-strong-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-serif-strong-status": "Verified", - "spectrum-detail-xl-serif-strong-version": "6.0.0", - "spectrum-detail-xl-serif-name": "Detail (xl-serif)", - "spectrum-detail-xl-serif-description": "Detail with options script=latin weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-serif-status": "Verified", - "spectrum-detail-xl-serif-version": "6.0.0", - "spectrum-detail-s-emphasized-strong-name": "Detail (s-emphasized-strong)", - "spectrum-detail-s-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-s-emphasized-strong-status": "Verified", - "spectrum-detail-s-emphasized-strong-version": "6.0.0", - "spectrum-detail-s-emphasized-name": "Detail (s-emphasized)", - "spectrum-detail-s-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-s-emphasized-status": "Verified", - "spectrum-detail-s-emphasized-version": "6.0.0", - "spectrum-detail-s-strong-name": "Detail (s-strong)", - "spectrum-detail-s-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-s-strong-status": "Verified", - "spectrum-detail-s-strong-version": "6.0.0", - "spectrum-detail-s-name": "Detail (s)", - "spectrum-detail-s-description": "Detail with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-s-status": "Verified", - "spectrum-detail-s-version": "6.0.0", - "spectrum-detail-m-emphasized-strong-name": "Detail (m-emphasized-strong)", - "spectrum-detail-m-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-m-emphasized-strong-status": "Verified", - "spectrum-detail-m-emphasized-strong-version": "6.0.0", - "spectrum-detail-m-emphasized-name": "Detail (m-emphasized)", - "spectrum-detail-m-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-m-emphasized-status": "Verified", - "spectrum-detail-m-emphasized-version": "6.0.0", - "spectrum-detail-m-strong-name": "Detail (m-strong)", - "spectrum-detail-m-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-m-strong-status": "Verified", - "spectrum-detail-m-strong-version": "6.0.0", - "spectrum-detail-m-name": "Detail (m)", - "spectrum-detail-m-description": "Detail with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-m-status": "Verified", - "spectrum-detail-m-version": "6.0.0", - "spectrum-detail-l-emphasized-strong-name": "Detail (l-emphasized-strong)", - "spectrum-detail-l-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-l-emphasized-strong-status": "Verified", - "spectrum-detail-l-emphasized-strong-version": "6.0.0", - "spectrum-detail-l-emphasized-name": "Detail (l-emphasized)", - "spectrum-detail-l-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-l-emphasized-status": "Verified", - "spectrum-detail-l-emphasized-version": "6.0.0", - "spectrum-detail-l-strong-name": "Detail (l-strong)", - "spectrum-detail-l-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-l-strong-status": "Verified", - "spectrum-detail-l-strong-version": "6.0.0", - "spectrum-detail-l-name": "Detail (l)", - "spectrum-detail-l-description": "Detail with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-l-status": "Verified", - "spectrum-detail-l-version": "6.0.0", - "spectrum-detail-xl-emphasized-strong-name": "Detail (xl-emphasized-strong)", - "spectrum-detail-xl-emphasized-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-xl-emphasized-strong-status": "Verified", - "spectrum-detail-xl-emphasized-strong-version": "6.0.0", - "spectrum-detail-xl-emphasized-name": "Detail (xl-emphasized)", - "spectrum-detail-xl-emphasized-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-xl-emphasized-status": "Verified", - "spectrum-detail-xl-emphasized-version": "6.0.0", - "spectrum-detail-xl-strong-name": "Detail (xl-strong)", - "spectrum-detail-xl-strong-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-xl-strong-status": "Verified", - "spectrum-detail-xl-strong-version": "6.0.0", - "spectrum-detail-xl-name": "Detail (xl)", - "spectrum-detail-xl-description": "Detail with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-xl-status": "Verified", - "spectrum-detail-xl-version": "6.0.0", - "spectrum-detail-han-s-serif-light-emphasized-strong-name": "Detail (han-s-serif-light-emphasized-strong)", - "spectrum-detail-han-s-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-s-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-s-serif-light-emphasized-name": "Detail (han-s-serif-light-emphasized)", - "spectrum-detail-han-s-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-serif-light-emphasized-status": "Verified", - "spectrum-detail-han-s-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-han-s-serif-light-strong-name": "Detail (han-s-serif-light-strong)", - "spectrum-detail-han-s-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-serif-light-strong-status": "Verified", - "spectrum-detail-han-s-serif-light-strong-version": "6.0.0", - "spectrum-detail-han-s-serif-light-name": "Detail (han-s-serif-light)", - "spectrum-detail-han-s-serif-light-description": "Detail with options script=han weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-serif-light-status": "Verified", - "spectrum-detail-han-s-serif-light-version": "6.0.0", - "spectrum-detail-han-m-serif-light-emphasized-strong-name": "Detail (han-m-serif-light-emphasized-strong)", - "spectrum-detail-han-m-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-m-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-m-serif-light-emphasized-name": "Detail (han-m-serif-light-emphasized)", - "spectrum-detail-han-m-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-serif-light-emphasized-status": "Verified", - "spectrum-detail-han-m-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-han-m-serif-light-strong-name": "Detail (han-m-serif-light-strong)", - "spectrum-detail-han-m-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-serif-light-strong-status": "Verified", - "spectrum-detail-han-m-serif-light-strong-version": "6.0.0", - "spectrum-detail-han-m-serif-light-name": "Detail (han-m-serif-light)", - "spectrum-detail-han-m-serif-light-description": "Detail with options script=han weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-serif-light-status": "Verified", - "spectrum-detail-han-m-serif-light-version": "6.0.0", - "spectrum-detail-han-l-serif-light-emphasized-strong-name": "Detail (han-l-serif-light-emphasized-strong)", - "spectrum-detail-han-l-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-l-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-l-serif-light-emphasized-name": "Detail (han-l-serif-light-emphasized)", - "spectrum-detail-han-l-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-serif-light-emphasized-status": "Verified", - "spectrum-detail-han-l-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-han-l-serif-light-strong-name": "Detail (han-l-serif-light-strong)", - "spectrum-detail-han-l-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-serif-light-strong-status": "Verified", - "spectrum-detail-han-l-serif-light-strong-version": "6.0.0", - "spectrum-detail-han-l-serif-light-name": "Detail (han-l-serif-light)", - "spectrum-detail-han-l-serif-light-description": "Detail with options script=han weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-serif-light-status": "Verified", - "spectrum-detail-han-l-serif-light-version": "6.0.0", - "spectrum-detail-han-xl-serif-light-emphasized-strong-name": "Detail (han-xl-serif-light-emphasized-strong)", - "spectrum-detail-han-xl-serif-light-emphasized-strong-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-serif-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-xl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-xl-serif-light-emphasized-name": "Detail (han-xl-serif-light-emphasized)", - "spectrum-detail-han-xl-serif-light-emphasized-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-serif-light-emphasized-status": "Verified", - "spectrum-detail-han-xl-serif-light-emphasized-version": "6.0.0", - "spectrum-detail-han-xl-serif-light-strong-name": "Detail (han-xl-serif-light-strong)", - "spectrum-detail-han-xl-serif-light-strong-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-serif-light-strong-status": "Verified", - "spectrum-detail-han-xl-serif-light-strong-version": "6.0.0", - "spectrum-detail-han-xl-serif-light-name": "Detail (han-xl-serif-light)", - "spectrum-detail-han-xl-serif-light-description": "Detail with options script=han weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-serif-light-status": "Verified", - "spectrum-detail-han-xl-serif-light-version": "6.0.0", - "spectrum-detail-han-s-light-emphasized-strong-name": "Detail (han-s-light-emphasized-strong)", - "spectrum-detail-han-s-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-s-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-s-light-emphasized-name": "Detail (han-s-light-emphasized)", - "spectrum-detail-han-s-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-light-emphasized-status": "Verified", - "spectrum-detail-han-s-light-emphasized-version": "6.0.0", - "spectrum-detail-han-s-light-strong-name": "Detail (han-s-light-strong)", - "spectrum-detail-han-s-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-light-strong-status": "Verified", - "spectrum-detail-han-s-light-strong-version": "6.0.0", - "spectrum-detail-han-s-light-name": "Detail (han-s-light)", - "spectrum-detail-han-s-light-description": "Detail with options script=han weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-light-status": "Verified", - "spectrum-detail-han-s-light-version": "6.0.0", - "spectrum-detail-han-m-light-emphasized-strong-name": "Detail (han-m-light-emphasized-strong)", - "spectrum-detail-han-m-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-m-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-m-light-emphasized-name": "Detail (han-m-light-emphasized)", - "spectrum-detail-han-m-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-light-emphasized-status": "Verified", - "spectrum-detail-han-m-light-emphasized-version": "6.0.0", - "spectrum-detail-han-m-light-strong-name": "Detail (han-m-light-strong)", - "spectrum-detail-han-m-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-light-strong-status": "Verified", - "spectrum-detail-han-m-light-strong-version": "6.0.0", - "spectrum-detail-han-m-light-name": "Detail (han-m-light)", - "spectrum-detail-han-m-light-description": "Detail with options script=han weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-light-status": "Verified", - "spectrum-detail-han-m-light-version": "6.0.0", - "spectrum-detail-han-l-light-emphasized-strong-name": "Detail (han-l-light-emphasized-strong)", - "spectrum-detail-han-l-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-l-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-l-light-emphasized-name": "Detail (han-l-light-emphasized)", - "spectrum-detail-han-l-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-light-emphasized-status": "Verified", - "spectrum-detail-han-l-light-emphasized-version": "6.0.0", - "spectrum-detail-han-l-light-strong-name": "Detail (han-l-light-strong)", - "spectrum-detail-han-l-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-light-strong-status": "Verified", - "spectrum-detail-han-l-light-strong-version": "6.0.0", - "spectrum-detail-han-l-light-name": "Detail (han-l-light)", - "spectrum-detail-han-l-light-description": "Detail with options script=han weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-light-status": "Verified", - "spectrum-detail-han-l-light-version": "6.0.0", - "spectrum-detail-han-xl-light-emphasized-strong-name": "Detail (han-xl-light-emphasized-strong)", - "spectrum-detail-han-xl-light-emphasized-strong-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-light-emphasized-strong-status": "Verified", - "spectrum-detail-han-xl-light-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-xl-light-emphasized-name": "Detail (han-xl-light-emphasized)", - "spectrum-detail-han-xl-light-emphasized-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-light-emphasized-status": "Verified", - "spectrum-detail-han-xl-light-emphasized-version": "6.0.0", - "spectrum-detail-han-xl-light-strong-name": "Detail (han-xl-light-strong)", - "spectrum-detail-han-xl-light-strong-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-light-strong-status": "Verified", - "spectrum-detail-han-xl-light-strong-version": "6.0.0", - "spectrum-detail-han-xl-light-name": "Detail (han-xl-light)", - "spectrum-detail-han-xl-light-description": "Detail with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-light-status": "Verified", - "spectrum-detail-han-xl-light-version": "6.0.0", - "spectrum-detail-han-s-serif-emphasized-strong-name": "Detail (han-s-serif-emphasized-strong)", - "spectrum-detail-han-s-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-serif-emphasized-strong-status": "Verified", - "spectrum-detail-han-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-s-serif-emphasized-name": "Detail (han-s-serif-emphasized)", - "spectrum-detail-han-s-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-serif-emphasized-status": "Verified", - "spectrum-detail-han-s-serif-emphasized-version": "6.0.0", - "spectrum-detail-han-s-serif-strong-name": "Detail (han-s-serif-strong)", - "spectrum-detail-han-s-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-serif-strong-status": "Verified", - "spectrum-detail-han-s-serif-strong-version": "6.0.0", - "spectrum-detail-han-s-serif-name": "Detail (han-s-serif)", - "spectrum-detail-han-s-serif-description": "Detail with options script=han weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-serif-status": "Verified", - "spectrum-detail-han-s-serif-version": "6.0.0", - "spectrum-detail-han-m-serif-emphasized-strong-name": "Detail (han-m-serif-emphasized-strong)", - "spectrum-detail-han-m-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-serif-emphasized-strong-status": "Verified", - "spectrum-detail-han-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-m-serif-emphasized-name": "Detail (han-m-serif-emphasized)", - "spectrum-detail-han-m-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-serif-emphasized-status": "Verified", - "spectrum-detail-han-m-serif-emphasized-version": "6.0.0", - "spectrum-detail-han-m-serif-strong-name": "Detail (han-m-serif-strong)", - "spectrum-detail-han-m-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-serif-strong-status": "Verified", - "spectrum-detail-han-m-serif-strong-version": "6.0.0", - "spectrum-detail-han-m-serif-name": "Detail (han-m-serif)", - "spectrum-detail-han-m-serif-description": "Detail with options script=han weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-serif-status": "Verified", - "spectrum-detail-han-m-serif-version": "6.0.0", - "spectrum-detail-han-l-serif-emphasized-strong-name": "Detail (han-l-serif-emphasized-strong)", - "spectrum-detail-han-l-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-serif-emphasized-strong-status": "Verified", - "spectrum-detail-han-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-l-serif-emphasized-name": "Detail (han-l-serif-emphasized)", - "spectrum-detail-han-l-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-serif-emphasized-status": "Verified", - "spectrum-detail-han-l-serif-emphasized-version": "6.0.0", - "spectrum-detail-han-l-serif-strong-name": "Detail (han-l-serif-strong)", - "spectrum-detail-han-l-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-serif-strong-status": "Verified", - "spectrum-detail-han-l-serif-strong-version": "6.0.0", - "spectrum-detail-han-l-serif-name": "Detail (han-l-serif)", - "spectrum-detail-han-l-serif-description": "Detail with options script=han weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-serif-status": "Verified", - "spectrum-detail-han-l-serif-version": "6.0.0", - "spectrum-detail-han-xl-serif-emphasized-strong-name": "Detail (han-xl-serif-emphasized-strong)", - "spectrum-detail-han-xl-serif-emphasized-strong-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-serif-emphasized-strong-status": "Verified", - "spectrum-detail-han-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-xl-serif-emphasized-name": "Detail (han-xl-serif-emphasized)", - "spectrum-detail-han-xl-serif-emphasized-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-serif-emphasized-status": "Verified", - "spectrum-detail-han-xl-serif-emphasized-version": "6.0.0", - "spectrum-detail-han-xl-serif-strong-name": "Detail (han-xl-serif-strong)", - "spectrum-detail-han-xl-serif-strong-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-serif-strong-status": "Verified", - "spectrum-detail-han-xl-serif-strong-version": "6.0.0", - "spectrum-detail-han-xl-serif-name": "Detail (han-xl-serif)", - "spectrum-detail-han-xl-serif-description": "Detail with options script=han weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-serif-status": "Verified", - "spectrum-detail-han-xl-serif-version": "6.0.0", - "spectrum-detail-han-s-emphasized-strong-name": "Detail (han-s-emphasized-strong)", - "spectrum-detail-han-s-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-detail-han-s-emphasized-strong-status": "Verified", - "spectrum-detail-han-s-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-s-emphasized-name": "Detail (han-s-emphasized)", - "spectrum-detail-han-s-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-detail-han-s-emphasized-status": "Verified", - "spectrum-detail-han-s-emphasized-version": "6.0.0", - "spectrum-detail-han-s-strong-name": "Detail (han-s-strong)", - "spectrum-detail-han-s-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-detail-han-s-strong-status": "Verified", - "spectrum-detail-han-s-strong-version": "6.0.0", - "spectrum-detail-han-s-name": "Detail (han-s)", - "spectrum-detail-han-s-description": "Detail with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-detail-han-s-status": "Verified", - "spectrum-detail-han-s-version": "6.0.0", - "spectrum-detail-han-m-emphasized-strong-name": "Detail (han-m-emphasized-strong)", - "spectrum-detail-han-m-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-detail-han-m-emphasized-strong-status": "Verified", - "spectrum-detail-han-m-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-m-emphasized-name": "Detail (han-m-emphasized)", - "spectrum-detail-han-m-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-detail-han-m-emphasized-status": "Verified", - "spectrum-detail-han-m-emphasized-version": "6.0.0", - "spectrum-detail-han-m-strong-name": "Detail (han-m-strong)", - "spectrum-detail-han-m-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-detail-han-m-strong-status": "Verified", - "spectrum-detail-han-m-strong-version": "6.0.0", - "spectrum-detail-han-m-name": "Detail (han-m)", - "spectrum-detail-han-m-description": "Detail with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-detail-han-m-status": "Verified", - "spectrum-detail-han-m-version": "6.0.0", - "spectrum-detail-han-l-emphasized-strong-name": "Detail (han-l-emphasized-strong)", - "spectrum-detail-han-l-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-detail-han-l-emphasized-strong-status": "Verified", - "spectrum-detail-han-l-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-l-emphasized-name": "Detail (han-l-emphasized)", - "spectrum-detail-han-l-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-detail-han-l-emphasized-status": "Verified", - "spectrum-detail-han-l-emphasized-version": "6.0.0", - "spectrum-detail-han-l-strong-name": "Detail (han-l-strong)", - "spectrum-detail-han-l-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-detail-han-l-strong-status": "Verified", - "spectrum-detail-han-l-strong-version": "6.0.0", - "spectrum-detail-han-l-name": "Detail (han-l)", - "spectrum-detail-han-l-description": "Detail with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-detail-han-l-status": "Verified", - "spectrum-detail-han-l-version": "6.0.0", - "spectrum-detail-han-xl-emphasized-strong-name": "Detail (han-xl-emphasized-strong)", - "spectrum-detail-han-xl-emphasized-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-detail-han-xl-emphasized-strong-status": "Verified", - "spectrum-detail-han-xl-emphasized-strong-version": "6.0.0", - "spectrum-detail-han-xl-emphasized-name": "Detail (han-xl-emphasized)", - "spectrum-detail-han-xl-emphasized-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-detail-han-xl-emphasized-status": "Verified", - "spectrum-detail-han-xl-emphasized-version": "6.0.0", - "spectrum-detail-han-xl-strong-name": "Detail (han-xl-strong)", - "spectrum-detail-han-xl-strong-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-detail-han-xl-strong-status": "Verified", - "spectrum-detail-han-xl-strong-version": "6.0.0", - "spectrum-detail-han-xl-name": "Detail (han-xl)", - "spectrum-detail-han-xl-description": "Detail with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-detail-han-xl-status": "Verified", - "spectrum-detail-han-xl-version": "6.0.0", - "spectrum-dial-small-name": "Dial (small)", - "spectrum-dial-small-description": "Dial with options small=true", - "spectrum-dial-small-status": "Contribution", - "spectrum-dial-small-version": "1.0.0", - "spectrum-dial-name": "Dial (default)", - "spectrum-dial-description": "Dial with options small=false", - "spectrum-dial-status": "Contribution", - "spectrum-dial-version": "1.0.0", - "spectrum-dialog-confirm-name": "Dialog (confirm)", - "spectrum-dialog-confirm-description": "Dialog with options variant=confirm", - "spectrum-dialog-confirm-status": "Verified", - "spectrum-dialog-confirm-version": "5.2.1", - "spectrum-dialog-destructive-name": "Dialog (destructive)", - "spectrum-dialog-destructive-description": "Dialog with options variant=destructive", - "spectrum-dialog-destructive-status": "Verified", - "spectrum-dialog-destructive-version": "5.2.1", - "spectrum-dialog-error-name": "Dialog (error)", - "spectrum-dialog-error-description": "Dialog with options variant=error", - "spectrum-dialog-error-status": "Verified", - "spectrum-dialog-error-version": "5.2.1", - "spectrum-dialog-info-name": "Dialog (info)", - "spectrum-dialog-info-description": "Dialog with options variant=info", - "spectrum-dialog-info-status": "Verified", - "spectrum-dialog-info-version": "5.2.1", - "spectrum-dialog-fullscreen-name": "Dialog (fullscreen)", - "spectrum-dialog-fullscreen-description": "Dialog with options variant=fullscreen", - "spectrum-dialog-fullscreen-status": "Verified", - "spectrum-dialog-fullscreen-version": "5.2.1", - "spectrum-dialog-fullscreentakeover-name": "Dialog (fullscreentakeover)", - "spectrum-dialog-fullscreentakeover-description": "Dialog with options variant=fullscreentakeover", - "spectrum-dialog-fullscreentakeover-status": "Verified", - "spectrum-dialog-fullscreentakeover-version": "5.2.1", - "spectrum-divider-s-name": "Divider (s)", - "spectrum-divider-s-description": "Divider with options size=s orientation=null", - "spectrum-divider-s-status": "Verified", - "spectrum-divider-s-version": "6.1.0", - "spectrum-divider-s-vertical-name": "Divider (s-vertical)", - "spectrum-divider-s-vertical-description": "Divider with options size=s orientation=vertical", - "spectrum-divider-s-vertical-status": "Verified", - "spectrum-divider-s-vertical-version": "6.1.0", - "spectrum-divider-m-name": "Divider (m)", - "spectrum-divider-m-description": "Divider with options size=m orientation=null", - "spectrum-divider-m-status": "Verified", - "spectrum-divider-m-version": "6.1.0", - "spectrum-divider-m-vertical-name": "Divider (m-vertical)", - "spectrum-divider-m-vertical-description": "Divider with options size=m orientation=vertical", - "spectrum-divider-m-vertical-status": "Verified", - "spectrum-divider-m-vertical-version": "6.1.0", - "spectrum-divider-l-name": "Divider (l)", - "spectrum-divider-l-description": "Divider with options size=l orientation=null", - "spectrum-divider-l-status": "Verified", - "spectrum-divider-l-version": "6.1.0", - "spectrum-divider-l-vertical-name": "Divider (l-vertical)", - "spectrum-divider-l-vertical-description": "Divider with options size=l orientation=vertical", - "spectrum-divider-l-vertical-status": "Verified", - "spectrum-divider-l-vertical-version": "6.1.0", - "spectrum-drag-name": "Drag (default)", - "spectrum-drag-description": "Drag with no options", - "spectrum-drag-status": "Contribution", - "spectrum-drag-version": "0.1.0", - "spectrum-dragbar-name": "DragBar (default)", - "spectrum-dragbar-description": "DragBar with no options", - "spectrum-dragbar-status": "Verified", - "spectrum-dragbar-version": "1.0.0", - "spectrum-dragthumb-name": "DragThumb (default)", - "spectrum-dragthumb-description": "DragThumb with options variant=default", - "spectrum-dragthumb-status": "Verified", - "spectrum-dragthumb-version": "1.0.0", - "spectrum-dragthumb-swatch-name": "DragThumb (swatch)", - "spectrum-dragthumb-swatch-description": "DragThumb with options variant=swatch", - "spectrum-dragthumb-swatch-status": "Verified", - "spectrum-dragthumb-swatch-version": "1.0.0", - "spectrum-drawer-name": "Drawer (default)", - "spectrum-drawer-description": "Drawer with no options", - "spectrum-drawer-status": "Contribution", - "spectrum-drawer-version": "6.1.0", - "spectrum-dropindicator-name": "DropIndicator (default)", - "spectrum-dropindicator-description": "DropIndicator with no options", - "spectrum-dropindicator-status": "Contribution", - "spectrum-dropindicator-version": "1.0.0", - "spectrum-dropzone-name": "DropZone (default)", - "spectrum-dropzone-description": "DropZone with no options", - "spectrum-dropzone-status": "Contribution", - "spectrum-dropzone-version": "1.1.0", - "spectrum-fieldlabel-s-overbackground-name": "FieldLabel (s-overbackground)", - "spectrum-fieldlabel-s-overbackground-description": "FieldLabel with options size=s position=null overbackground=true", - "spectrum-fieldlabel-s-overbackground-status": "Verified", - "spectrum-fieldlabel-s-overbackground-version": "6.1.0", - "spectrum-fieldlabel-s-name": "FieldLabel (s)", - "spectrum-fieldlabel-s-description": "FieldLabel with options size=s position=null overbackground=false", - "spectrum-fieldlabel-s-status": "Verified", - "spectrum-fieldlabel-s-version": "6.1.0", - "spectrum-fieldlabel-s-top-overbackground-name": "FieldLabel (s-top-overbackground)", - "spectrum-fieldlabel-s-top-overbackground-description": "FieldLabel with options size=s position=top overbackground=true", - "spectrum-fieldlabel-s-top-overbackground-status": "Verified", - "spectrum-fieldlabel-s-top-overbackground-version": "6.1.0", - "spectrum-fieldlabel-s-top-name": "FieldLabel (s-top)", - "spectrum-fieldlabel-s-top-description": "FieldLabel with options size=s position=top overbackground=false", - "spectrum-fieldlabel-s-top-status": "Verified", - "spectrum-fieldlabel-s-top-version": "6.1.0", - "spectrum-fieldlabel-s-side-overbackground-name": "FieldLabel (s-side-overbackground)", - "spectrum-fieldlabel-s-side-overbackground-description": "FieldLabel with options size=s position=side overbackground=true", - "spectrum-fieldlabel-s-side-overbackground-status": "Verified", - "spectrum-fieldlabel-s-side-overbackground-version": "6.1.0", - "spectrum-fieldlabel-s-side-name": "FieldLabel (s-side)", - "spectrum-fieldlabel-s-side-description": "FieldLabel with options size=s position=side overbackground=false", - "spectrum-fieldlabel-s-side-status": "Verified", - "spectrum-fieldlabel-s-side-version": "6.1.0", - "spectrum-fieldlabel-m-overbackground-name": "FieldLabel (m-overbackground)", - "spectrum-fieldlabel-m-overbackground-description": "FieldLabel with options size=m position=null overbackground=true", - "spectrum-fieldlabel-m-overbackground-status": "Verified", - "spectrum-fieldlabel-m-overbackground-version": "6.1.0", - "spectrum-fieldlabel-m-name": "FieldLabel (m)", - "spectrum-fieldlabel-m-description": "FieldLabel with options size=m position=null overbackground=false", - "spectrum-fieldlabel-m-status": "Verified", - "spectrum-fieldlabel-m-version": "6.1.0", - "spectrum-fieldlabel-m-top-overbackground-name": "FieldLabel (m-top-overbackground)", - "spectrum-fieldlabel-m-top-overbackground-description": "FieldLabel with options size=m position=top overbackground=true", - "spectrum-fieldlabel-m-top-overbackground-status": "Verified", - "spectrum-fieldlabel-m-top-overbackground-version": "6.1.0", - "spectrum-fieldlabel-m-top-name": "FieldLabel (m-top)", - "spectrum-fieldlabel-m-top-description": "FieldLabel with options size=m position=top overbackground=false", - "spectrum-fieldlabel-m-top-status": "Verified", - "spectrum-fieldlabel-m-top-version": "6.1.0", - "spectrum-fieldlabel-m-side-overbackground-name": "FieldLabel (m-side-overbackground)", - "spectrum-fieldlabel-m-side-overbackground-description": "FieldLabel with options size=m position=side overbackground=true", - "spectrum-fieldlabel-m-side-overbackground-status": "Verified", - "spectrum-fieldlabel-m-side-overbackground-version": "6.1.0", - "spectrum-fieldlabel-m-side-name": "FieldLabel (m-side)", - "spectrum-fieldlabel-m-side-description": "FieldLabel with options size=m position=side overbackground=false", - "spectrum-fieldlabel-m-side-status": "Verified", - "spectrum-fieldlabel-m-side-version": "6.1.0", - "spectrum-fieldlabel-l-overbackground-name": "FieldLabel (l-overbackground)", - "spectrum-fieldlabel-l-overbackground-description": "FieldLabel with options size=l position=null overbackground=true", - "spectrum-fieldlabel-l-overbackground-status": "Verified", - "spectrum-fieldlabel-l-overbackground-version": "6.1.0", - "spectrum-fieldlabel-l-name": "FieldLabel (l)", - "spectrum-fieldlabel-l-description": "FieldLabel with options size=l position=null overbackground=false", - "spectrum-fieldlabel-l-status": "Verified", - "spectrum-fieldlabel-l-version": "6.1.0", - "spectrum-fieldlabel-l-top-overbackground-name": "FieldLabel (l-top-overbackground)", - "spectrum-fieldlabel-l-top-overbackground-description": "FieldLabel with options size=l position=top overbackground=true", - "spectrum-fieldlabel-l-top-overbackground-status": "Verified", - "spectrum-fieldlabel-l-top-overbackground-version": "6.1.0", - "spectrum-fieldlabel-l-top-name": "FieldLabel (l-top)", - "spectrum-fieldlabel-l-top-description": "FieldLabel with options size=l position=top overbackground=false", - "spectrum-fieldlabel-l-top-status": "Verified", - "spectrum-fieldlabel-l-top-version": "6.1.0", - "spectrum-fieldlabel-l-side-overbackground-name": "FieldLabel (l-side-overbackground)", - "spectrum-fieldlabel-l-side-overbackground-description": "FieldLabel with options size=l position=side overbackground=true", - "spectrum-fieldlabel-l-side-overbackground-status": "Verified", - "spectrum-fieldlabel-l-side-overbackground-version": "6.1.0", - "spectrum-fieldlabel-l-side-name": "FieldLabel (l-side)", - "spectrum-fieldlabel-l-side-description": "FieldLabel with options size=l position=side overbackground=false", - "spectrum-fieldlabel-l-side-status": "Verified", - "spectrum-fieldlabel-l-side-version": "6.1.0", - "spectrum-fieldlabel-xl-overbackground-name": "FieldLabel (xl-overbackground)", - "spectrum-fieldlabel-xl-overbackground-description": "FieldLabel with options size=xl position=null overbackground=true", - "spectrum-fieldlabel-xl-overbackground-status": "Verified", - "spectrum-fieldlabel-xl-overbackground-version": "6.1.0", - "spectrum-fieldlabel-xl-name": "FieldLabel (xl)", - "spectrum-fieldlabel-xl-description": "FieldLabel with options size=xl position=null overbackground=false", - "spectrum-fieldlabel-xl-status": "Verified", - "spectrum-fieldlabel-xl-version": "6.1.0", - "spectrum-fieldlabel-xl-top-overbackground-name": "FieldLabel (xl-top-overbackground)", - "spectrum-fieldlabel-xl-top-overbackground-description": "FieldLabel with options size=xl position=top overbackground=true", - "spectrum-fieldlabel-xl-top-overbackground-status": "Verified", - "spectrum-fieldlabel-xl-top-overbackground-version": "6.1.0", - "spectrum-fieldlabel-xl-top-name": "FieldLabel (xl-top)", - "spectrum-fieldlabel-xl-top-description": "FieldLabel with options size=xl position=top overbackground=false", - "spectrum-fieldlabel-xl-top-status": "Verified", - "spectrum-fieldlabel-xl-top-version": "6.1.0", - "spectrum-fieldlabel-xl-side-overbackground-name": "FieldLabel (xl-side-overbackground)", - "spectrum-fieldlabel-xl-side-overbackground-description": "FieldLabel with options size=xl position=side overbackground=true", - "spectrum-fieldlabel-xl-side-overbackground-status": "Verified", - "spectrum-fieldlabel-xl-side-overbackground-version": "6.1.0", - "spectrum-fieldlabel-xl-side-name": "FieldLabel (xl-side)", - "spectrum-fieldlabel-xl-side-description": "FieldLabel with options size=xl position=side overbackground=false", - "spectrum-fieldlabel-xl-side-status": "Verified", - "spectrum-fieldlabel-xl-side-version": "6.1.0", - "spectrum-heading-xxs-serif-light-emphasized-strong-name": "Heading (xxs-serif-light-emphasized-strong)", - "spectrum-heading-xxs-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-light-emphasized-name": "Heading (xxs-serif-light-emphasized)", - "spectrum-heading-xxs-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-light-emphasized-status": "Verified", - "spectrum-heading-xxs-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-xxs-serif-light-strong-name": "Heading (xxs-serif-light-strong)", - "spectrum-heading-xxs-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-light-strong-status": "Verified", - "spectrum-heading-xxs-serif-light-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-light-name": "Heading (xxs-serif-light)", - "spectrum-heading-xxs-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-light-status": "Verified", - "spectrum-heading-xxs-serif-light-version": "6.0.0", - "spectrum-heading-xs-serif-light-emphasized-strong-name": "Heading (xs-serif-light-emphasized-strong)", - "spectrum-heading-xs-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-xs-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-serif-light-emphasized-name": "Heading (xs-serif-light-emphasized)", - "spectrum-heading-xs-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-light-emphasized-status": "Verified", - "spectrum-heading-xs-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-xs-serif-light-strong-name": "Heading (xs-serif-light-strong)", - "spectrum-heading-xs-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-light-strong-status": "Verified", - "spectrum-heading-xs-serif-light-strong-version": "6.0.0", - "spectrum-heading-xs-serif-light-name": "Heading (xs-serif-light)", - "spectrum-heading-xs-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-light-status": "Verified", - "spectrum-heading-xs-serif-light-version": "6.0.0", - "spectrum-heading-s-serif-light-emphasized-strong-name": "Heading (s-serif-light-emphasized-strong)", - "spectrum-heading-s-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-s-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-serif-light-emphasized-name": "Heading (s-serif-light-emphasized)", - "spectrum-heading-s-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-light-emphasized-status": "Verified", - "spectrum-heading-s-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-s-serif-light-strong-name": "Heading (s-serif-light-strong)", - "spectrum-heading-s-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-light-strong-status": "Verified", - "spectrum-heading-s-serif-light-strong-version": "6.0.0", - "spectrum-heading-s-serif-light-name": "Heading (s-serif-light)", - "spectrum-heading-s-serif-light-description": "Heading with options script=latin weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-light-status": "Verified", - "spectrum-heading-s-serif-light-version": "6.0.0", - "spectrum-heading-m-serif-light-emphasized-strong-name": "Heading (m-serif-light-emphasized-strong)", - "spectrum-heading-m-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-m-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-serif-light-emphasized-name": "Heading (m-serif-light-emphasized)", - "spectrum-heading-m-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-light-emphasized-status": "Verified", - "spectrum-heading-m-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-m-serif-light-strong-name": "Heading (m-serif-light-strong)", - "spectrum-heading-m-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-light-strong-status": "Verified", - "spectrum-heading-m-serif-light-strong-version": "6.0.0", - "spectrum-heading-m-serif-light-name": "Heading (m-serif-light)", - "spectrum-heading-m-serif-light-description": "Heading with options script=latin weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-light-status": "Verified", - "spectrum-heading-m-serif-light-version": "6.0.0", - "spectrum-heading-l-serif-light-emphasized-strong-name": "Heading (l-serif-light-emphasized-strong)", - "spectrum-heading-l-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-l-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-serif-light-emphasized-name": "Heading (l-serif-light-emphasized)", - "spectrum-heading-l-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-light-emphasized-status": "Verified", - "spectrum-heading-l-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-l-serif-light-strong-name": "Heading (l-serif-light-strong)", - "spectrum-heading-l-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-light-strong-status": "Verified", - "spectrum-heading-l-serif-light-strong-version": "6.0.0", - "spectrum-heading-l-serif-light-name": "Heading (l-serif-light)", - "spectrum-heading-l-serif-light-description": "Heading with options script=latin weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-light-status": "Verified", - "spectrum-heading-l-serif-light-version": "6.0.0", - "spectrum-heading-xl-serif-light-emphasized-strong-name": "Heading (xl-serif-light-emphasized-strong)", - "spectrum-heading-xl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-xl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-serif-light-emphasized-name": "Heading (xl-serif-light-emphasized)", - "spectrum-heading-xl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-light-emphasized-status": "Verified", - "spectrum-heading-xl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-xl-serif-light-strong-name": "Heading (xl-serif-light-strong)", - "spectrum-heading-xl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-light-strong-status": "Verified", - "spectrum-heading-xl-serif-light-strong-version": "6.0.0", - "spectrum-heading-xl-serif-light-name": "Heading (xl-serif-light)", - "spectrum-heading-xl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-light-status": "Verified", - "spectrum-heading-xl-serif-light-version": "6.0.0", - "spectrum-heading-xxl-serif-light-emphasized-strong-name": "Heading (xxl-serif-light-emphasized-strong)", - "spectrum-heading-xxl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-light-emphasized-name": "Heading (xxl-serif-light-emphasized)", - "spectrum-heading-xxl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-light-emphasized-status": "Verified", - "spectrum-heading-xxl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-xxl-serif-light-strong-name": "Heading (xxl-serif-light-strong)", - "spectrum-heading-xxl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-light-strong-status": "Verified", - "spectrum-heading-xxl-serif-light-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-light-name": "Heading (xxl-serif-light)", - "spectrum-heading-xxl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-light-status": "Verified", - "spectrum-heading-xxl-serif-light-version": "6.0.0", - "spectrum-heading-xxxl-serif-light-emphasized-strong-name": "Heading (xxxl-serif-light-emphasized-strong)", - "spectrum-heading-xxxl-serif-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-light-emphasized-name": "Heading (xxxl-serif-light-emphasized)", - "spectrum-heading-xxxl-serif-light-emphasized-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-light-emphasized-status": "Verified", - "spectrum-heading-xxxl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-serif-light-strong-name": "Heading (xxxl-serif-light-strong)", - "spectrum-heading-xxxl-serif-light-strong-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-light-strong-status": "Verified", - "spectrum-heading-xxxl-serif-light-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-light-name": "Heading (xxxl-serif-light)", - "spectrum-heading-xxxl-serif-light-description": "Heading with options script=latin weight=light classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-light-status": "Verified", - "spectrum-heading-xxxl-serif-light-version": "6.0.0", - "spectrum-heading-xxs-light-emphasized-strong-name": "Heading (xxs-light-emphasized-strong)", - "spectrum-heading-xxs-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-light-emphasized-name": "Heading (xxs-light-emphasized)", - "spectrum-heading-xxs-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-light-emphasized-status": "Verified", - "spectrum-heading-xxs-light-emphasized-version": "6.0.0", - "spectrum-heading-xxs-light-strong-name": "Heading (xxs-light-strong)", - "spectrum-heading-xxs-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-light-strong-status": "Verified", - "spectrum-heading-xxs-light-strong-version": "6.0.0", - "spectrum-heading-xxs-light-name": "Heading (xxs-light)", - "spectrum-heading-xxs-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-light-status": "Verified", - "spectrum-heading-xxs-light-version": "6.0.0", - "spectrum-heading-xs-light-emphasized-strong-name": "Heading (xs-light-emphasized-strong)", - "spectrum-heading-xs-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-light-emphasized-strong-status": "Verified", - "spectrum-heading-xs-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-light-emphasized-name": "Heading (xs-light-emphasized)", - "spectrum-heading-xs-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-light-emphasized-status": "Verified", - "spectrum-heading-xs-light-emphasized-version": "6.0.0", - "spectrum-heading-xs-light-strong-name": "Heading (xs-light-strong)", - "spectrum-heading-xs-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-light-strong-status": "Verified", - "spectrum-heading-xs-light-strong-version": "6.0.0", - "spectrum-heading-xs-light-name": "Heading (xs-light)", - "spectrum-heading-xs-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-light-status": "Verified", - "spectrum-heading-xs-light-version": "6.0.0", - "spectrum-heading-s-light-emphasized-strong-name": "Heading (s-light-emphasized-strong)", - "spectrum-heading-s-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-light-emphasized-strong-status": "Verified", - "spectrum-heading-s-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-light-emphasized-name": "Heading (s-light-emphasized)", - "spectrum-heading-s-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-light-emphasized-status": "Verified", - "spectrum-heading-s-light-emphasized-version": "6.0.0", - "spectrum-heading-s-light-strong-name": "Heading (s-light-strong)", - "spectrum-heading-s-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-light-strong-status": "Verified", - "spectrum-heading-s-light-strong-version": "6.0.0", - "spectrum-heading-s-light-name": "Heading (s-light)", - "spectrum-heading-s-light-description": "Heading with options script=latin weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-light-status": "Verified", - "spectrum-heading-s-light-version": "6.0.0", - "spectrum-heading-m-light-emphasized-strong-name": "Heading (m-light-emphasized-strong)", - "spectrum-heading-m-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-light-emphasized-strong-status": "Verified", - "spectrum-heading-m-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-light-emphasized-name": "Heading (m-light-emphasized)", - "spectrum-heading-m-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-light-emphasized-status": "Verified", - "spectrum-heading-m-light-emphasized-version": "6.0.0", - "spectrum-heading-m-light-strong-name": "Heading (m-light-strong)", - "spectrum-heading-m-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-light-strong-status": "Verified", - "spectrum-heading-m-light-strong-version": "6.0.0", - "spectrum-heading-m-light-name": "Heading (m-light)", - "spectrum-heading-m-light-description": "Heading with options script=latin weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-light-status": "Verified", - "spectrum-heading-m-light-version": "6.0.0", - "spectrum-heading-l-light-emphasized-strong-name": "Heading (l-light-emphasized-strong)", - "spectrum-heading-l-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-light-emphasized-strong-status": "Verified", - "spectrum-heading-l-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-light-emphasized-name": "Heading (l-light-emphasized)", - "spectrum-heading-l-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-light-emphasized-status": "Verified", - "spectrum-heading-l-light-emphasized-version": "6.0.0", - "spectrum-heading-l-light-strong-name": "Heading (l-light-strong)", - "spectrum-heading-l-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-light-strong-status": "Verified", - "spectrum-heading-l-light-strong-version": "6.0.0", - "spectrum-heading-l-light-name": "Heading (l-light)", - "spectrum-heading-l-light-description": "Heading with options script=latin weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-light-status": "Verified", - "spectrum-heading-l-light-version": "6.0.0", - "spectrum-heading-xl-light-emphasized-strong-name": "Heading (xl-light-emphasized-strong)", - "spectrum-heading-xl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-light-emphasized-strong-status": "Verified", - "spectrum-heading-xl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-light-emphasized-name": "Heading (xl-light-emphasized)", - "spectrum-heading-xl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-light-emphasized-status": "Verified", - "spectrum-heading-xl-light-emphasized-version": "6.0.0", - "spectrum-heading-xl-light-strong-name": "Heading (xl-light-strong)", - "spectrum-heading-xl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-light-strong-status": "Verified", - "spectrum-heading-xl-light-strong-version": "6.0.0", - "spectrum-heading-xl-light-name": "Heading (xl-light)", - "spectrum-heading-xl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-light-status": "Verified", - "spectrum-heading-xl-light-version": "6.0.0", - "spectrum-heading-xxl-light-emphasized-strong-name": "Heading (xxl-light-emphasized-strong)", - "spectrum-heading-xxl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-light-emphasized-name": "Heading (xxl-light-emphasized)", - "spectrum-heading-xxl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-light-emphasized-status": "Verified", - "spectrum-heading-xxl-light-emphasized-version": "6.0.0", - "spectrum-heading-xxl-light-strong-name": "Heading (xxl-light-strong)", - "spectrum-heading-xxl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-light-strong-status": "Verified", - "spectrum-heading-xxl-light-strong-version": "6.0.0", - "spectrum-heading-xxl-light-name": "Heading (xxl-light)", - "spectrum-heading-xxl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-light-status": "Verified", - "spectrum-heading-xxl-light-version": "6.0.0", - "spectrum-heading-xxxl-light-emphasized-strong-name": "Heading (xxxl-light-emphasized-strong)", - "spectrum-heading-xxxl-light-emphasized-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-light-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-light-emphasized-name": "Heading (xxxl-light-emphasized)", - "spectrum-heading-xxxl-light-emphasized-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-light-emphasized-status": "Verified", - "spectrum-heading-xxxl-light-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-light-strong-name": "Heading (xxxl-light-strong)", - "spectrum-heading-xxxl-light-strong-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-light-strong-status": "Verified", - "spectrum-heading-xxxl-light-strong-version": "6.0.0", - "spectrum-heading-xxxl-light-name": "Heading (xxxl-light)", - "spectrum-heading-xxxl-light-description": "Heading with options script=latin weight=light classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-light-status": "Verified", - "spectrum-heading-xxxl-light-version": "6.0.0", - "spectrum-heading-xxs-serif-emphasized-strong-name": "Heading (xxs-serif-emphasized-strong)", - "spectrum-heading-xxs-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-emphasized-name": "Heading (xxs-serif-emphasized)", - "spectrum-heading-xxs-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-emphasized-status": "Verified", - "spectrum-heading-xxs-serif-emphasized-version": "6.0.0", - "spectrum-heading-xxs-serif-strong-name": "Heading (xxs-serif-strong)", - "spectrum-heading-xxs-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-strong-status": "Verified", - "spectrum-heading-xxs-serif-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-name": "Heading (xxs-serif)", - "spectrum-heading-xxs-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-status": "Verified", - "spectrum-heading-xxs-serif-version": "6.0.0", - "spectrum-heading-xs-serif-emphasized-strong-name": "Heading (xs-serif-emphasized-strong)", - "spectrum-heading-xs-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-emphasized-strong-status": "Verified", - "spectrum-heading-xs-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-serif-emphasized-name": "Heading (xs-serif-emphasized)", - "spectrum-heading-xs-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-emphasized-status": "Verified", - "spectrum-heading-xs-serif-emphasized-version": "6.0.0", - "spectrum-heading-xs-serif-strong-name": "Heading (xs-serif-strong)", - "spectrum-heading-xs-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-strong-status": "Verified", - "spectrum-heading-xs-serif-strong-version": "6.0.0", - "spectrum-heading-xs-serif-name": "Heading (xs-serif)", - "spectrum-heading-xs-serif-description": "Heading with options script=latin weight=regular classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-status": "Verified", - "spectrum-heading-xs-serif-version": "6.0.0", - "spectrum-heading-s-serif-emphasized-strong-name": "Heading (s-serif-emphasized-strong)", - "spectrum-heading-s-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-emphasized-strong-status": "Verified", - "spectrum-heading-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-serif-emphasized-name": "Heading (s-serif-emphasized)", - "spectrum-heading-s-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-emphasized-status": "Verified", - "spectrum-heading-s-serif-emphasized-version": "6.0.0", - "spectrum-heading-s-serif-strong-name": "Heading (s-serif-strong)", - "spectrum-heading-s-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-strong-status": "Verified", - "spectrum-heading-s-serif-strong-version": "6.0.0", - "spectrum-heading-s-serif-name": "Heading (s-serif)", - "spectrum-heading-s-serif-description": "Heading with options script=latin weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-status": "Verified", - "spectrum-heading-s-serif-version": "6.0.0", - "spectrum-heading-m-serif-emphasized-strong-name": "Heading (m-serif-emphasized-strong)", - "spectrum-heading-m-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-emphasized-strong-status": "Verified", - "spectrum-heading-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-serif-emphasized-name": "Heading (m-serif-emphasized)", - "spectrum-heading-m-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-emphasized-status": "Verified", - "spectrum-heading-m-serif-emphasized-version": "6.0.0", - "spectrum-heading-m-serif-strong-name": "Heading (m-serif-strong)", - "spectrum-heading-m-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-strong-status": "Verified", - "spectrum-heading-m-serif-strong-version": "6.0.0", - "spectrum-heading-m-serif-name": "Heading (m-serif)", - "spectrum-heading-m-serif-description": "Heading with options script=latin weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-status": "Verified", - "spectrum-heading-m-serif-version": "6.0.0", - "spectrum-heading-l-serif-emphasized-strong-name": "Heading (l-serif-emphasized-strong)", - "spectrum-heading-l-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-emphasized-strong-status": "Verified", - "spectrum-heading-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-serif-emphasized-name": "Heading (l-serif-emphasized)", - "spectrum-heading-l-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-emphasized-status": "Verified", - "spectrum-heading-l-serif-emphasized-version": "6.0.0", - "spectrum-heading-l-serif-strong-name": "Heading (l-serif-strong)", - "spectrum-heading-l-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-strong-status": "Verified", - "spectrum-heading-l-serif-strong-version": "6.0.0", - "spectrum-heading-l-serif-name": "Heading (l-serif)", - "spectrum-heading-l-serif-description": "Heading with options script=latin weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-status": "Verified", - "spectrum-heading-l-serif-version": "6.0.0", - "spectrum-heading-xl-serif-emphasized-strong-name": "Heading (xl-serif-emphasized-strong)", - "spectrum-heading-xl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-serif-emphasized-name": "Heading (xl-serif-emphasized)", - "spectrum-heading-xl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-emphasized-status": "Verified", - "spectrum-heading-xl-serif-emphasized-version": "6.0.0", - "spectrum-heading-xl-serif-strong-name": "Heading (xl-serif-strong)", - "spectrum-heading-xl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-strong-status": "Verified", - "spectrum-heading-xl-serif-strong-version": "6.0.0", - "spectrum-heading-xl-serif-name": "Heading (xl-serif)", - "spectrum-heading-xl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-status": "Verified", - "spectrum-heading-xl-serif-version": "6.0.0", - "spectrum-heading-xxl-serif-emphasized-strong-name": "Heading (xxl-serif-emphasized-strong)", - "spectrum-heading-xxl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-emphasized-name": "Heading (xxl-serif-emphasized)", - "spectrum-heading-xxl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-emphasized-status": "Verified", - "spectrum-heading-xxl-serif-emphasized-version": "6.0.0", - "spectrum-heading-xxl-serif-strong-name": "Heading (xxl-serif-strong)", - "spectrum-heading-xxl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-strong-status": "Verified", - "spectrum-heading-xxl-serif-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-name": "Heading (xxl-serif)", - "spectrum-heading-xxl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-status": "Verified", - "spectrum-heading-xxl-serif-version": "6.0.0", - "spectrum-heading-xxxl-serif-emphasized-strong-name": "Heading (xxxl-serif-emphasized-strong)", - "spectrum-heading-xxxl-serif-emphasized-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-emphasized-name": "Heading (xxxl-serif-emphasized)", - "spectrum-heading-xxxl-serif-emphasized-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-emphasized-status": "Verified", - "spectrum-heading-xxxl-serif-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-serif-strong-name": "Heading (xxxl-serif-strong)", - "spectrum-heading-xxxl-serif-strong-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-strong-status": "Verified", - "spectrum-heading-xxxl-serif-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-name": "Heading (xxxl-serif)", - "spectrum-heading-xxxl-serif-description": "Heading with options script=latin weight=regular classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-status": "Verified", - "spectrum-heading-xxxl-serif-version": "6.0.0", - "spectrum-heading-xxs-emphasized-strong-name": "Heading (xxs-emphasized-strong)", - "spectrum-heading-xxs-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-emphasized-name": "Heading (xxs-emphasized)", - "spectrum-heading-xxs-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-emphasized-status": "Verified", - "spectrum-heading-xxs-emphasized-version": "6.0.0", - "spectrum-heading-xxs-strong-name": "Heading (xxs-strong)", - "spectrum-heading-xxs-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-strong-status": "Verified", - "spectrum-heading-xxs-strong-version": "6.0.0", - "spectrum-heading-xxs-name": "Heading (xxs)", - "spectrum-heading-xxs-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-status": "Verified", - "spectrum-heading-xxs-version": "6.0.0", - "spectrum-heading-xs-emphasized-strong-name": "Heading (xs-emphasized-strong)", - "spectrum-heading-xs-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-emphasized-strong-status": "Verified", - "spectrum-heading-xs-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-emphasized-name": "Heading (xs-emphasized)", - "spectrum-heading-xs-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-emphasized-status": "Verified", - "spectrum-heading-xs-emphasized-version": "6.0.0", - "spectrum-heading-xs-strong-name": "Heading (xs-strong)", - "spectrum-heading-xs-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-strong-status": "Verified", - "spectrum-heading-xs-strong-version": "6.0.0", - "spectrum-heading-xs-name": "Heading (xs)", - "spectrum-heading-xs-description": "Heading with options script=latin weight=regular classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-status": "Verified", - "spectrum-heading-xs-version": "6.0.0", - "spectrum-heading-s-emphasized-strong-name": "Heading (s-emphasized-strong)", - "spectrum-heading-s-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-emphasized-strong-status": "Verified", - "spectrum-heading-s-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-emphasized-name": "Heading (s-emphasized)", - "spectrum-heading-s-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-emphasized-status": "Verified", - "spectrum-heading-s-emphasized-version": "6.0.0", - "spectrum-heading-s-strong-name": "Heading (s-strong)", - "spectrum-heading-s-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-strong-status": "Verified", - "spectrum-heading-s-strong-version": "6.0.0", - "spectrum-heading-s-name": "Heading (s)", - "spectrum-heading-s-description": "Heading with options script=latin weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-status": "Verified", - "spectrum-heading-s-version": "6.0.0", - "spectrum-heading-m-emphasized-strong-name": "Heading (m-emphasized-strong)", - "spectrum-heading-m-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-emphasized-strong-status": "Verified", - "spectrum-heading-m-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-emphasized-name": "Heading (m-emphasized)", - "spectrum-heading-m-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-emphasized-status": "Verified", - "spectrum-heading-m-emphasized-version": "6.0.0", - "spectrum-heading-m-strong-name": "Heading (m-strong)", - "spectrum-heading-m-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-strong-status": "Verified", - "spectrum-heading-m-strong-version": "6.0.0", - "spectrum-heading-m-name": "Heading (m)", - "spectrum-heading-m-description": "Heading with options script=latin weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-status": "Verified", - "spectrum-heading-m-version": "6.0.0", - "spectrum-heading-l-emphasized-strong-name": "Heading (l-emphasized-strong)", - "spectrum-heading-l-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-emphasized-strong-status": "Verified", - "spectrum-heading-l-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-emphasized-name": "Heading (l-emphasized)", - "spectrum-heading-l-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-emphasized-status": "Verified", - "spectrum-heading-l-emphasized-version": "6.0.0", - "spectrum-heading-l-strong-name": "Heading (l-strong)", - "spectrum-heading-l-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-strong-status": "Verified", - "spectrum-heading-l-strong-version": "6.0.0", - "spectrum-heading-l-name": "Heading (l)", - "spectrum-heading-l-description": "Heading with options script=latin weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-status": "Verified", - "spectrum-heading-l-version": "6.0.0", - "spectrum-heading-xl-emphasized-strong-name": "Heading (xl-emphasized-strong)", - "spectrum-heading-xl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-emphasized-strong-status": "Verified", - "spectrum-heading-xl-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-emphasized-name": "Heading (xl-emphasized)", - "spectrum-heading-xl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-emphasized-status": "Verified", - "spectrum-heading-xl-emphasized-version": "6.0.0", - "spectrum-heading-xl-strong-name": "Heading (xl-strong)", - "spectrum-heading-xl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-strong-status": "Verified", - "spectrum-heading-xl-strong-version": "6.0.0", - "spectrum-heading-xl-name": "Heading (xl)", - "spectrum-heading-xl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-status": "Verified", - "spectrum-heading-xl-version": "6.0.0", - "spectrum-heading-xxl-emphasized-strong-name": "Heading (xxl-emphasized-strong)", - "spectrum-heading-xxl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-emphasized-name": "Heading (xxl-emphasized)", - "spectrum-heading-xxl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-emphasized-status": "Verified", - "spectrum-heading-xxl-emphasized-version": "6.0.0", - "spectrum-heading-xxl-strong-name": "Heading (xxl-strong)", - "spectrum-heading-xxl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-strong-status": "Verified", - "spectrum-heading-xxl-strong-version": "6.0.0", - "spectrum-heading-xxl-name": "Heading (xxl)", - "spectrum-heading-xxl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-status": "Verified", - "spectrum-heading-xxl-version": "6.0.0", - "spectrum-heading-xxxl-emphasized-strong-name": "Heading (xxxl-emphasized-strong)", - "spectrum-heading-xxxl-emphasized-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-emphasized-name": "Heading (xxxl-emphasized)", - "spectrum-heading-xxxl-emphasized-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-emphasized-status": "Verified", - "spectrum-heading-xxxl-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-strong-name": "Heading (xxxl-strong)", - "spectrum-heading-xxxl-strong-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-strong-status": "Verified", - "spectrum-heading-xxxl-strong-version": "6.0.0", - "spectrum-heading-xxxl-name": "Heading (xxxl)", - "spectrum-heading-xxxl-description": "Heading with options script=latin weight=regular classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-status": "Verified", - "spectrum-heading-xxxl-version": "6.0.0", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-name": "Heading (xxs-serif-heavy-emphasized-strong)", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-heavy-emphasized-name": "Heading (xxs-serif-heavy-emphasized)", - "spectrum-heading-xxs-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-xxs-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxs-serif-heavy-strong-name": "Heading (xxs-serif-heavy-strong)", - "spectrum-heading-xxs-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-serif-heavy-strong-status": "Verified", - "spectrum-heading-xxs-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-xxs-serif-heavy-name": "Heading (xxs-serif-heavy)", - "spectrum-heading-xxs-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-serif-heavy-status": "Verified", - "spectrum-heading-xxs-serif-heavy-version": "6.0.0", - "spectrum-heading-xs-serif-heavy-emphasized-strong-name": "Heading (xs-serif-heavy-emphasized-strong)", - "spectrum-heading-xs-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xs-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-serif-heavy-emphasized-name": "Heading (xs-serif-heavy-emphasized)", - "spectrum-heading-xs-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-xs-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xs-serif-heavy-strong-name": "Heading (xs-serif-heavy-strong)", - "spectrum-heading-xs-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-serif-heavy-strong-status": "Verified", - "spectrum-heading-xs-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-xs-serif-heavy-name": "Heading (xs-serif-heavy)", - "spectrum-heading-xs-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-serif-heavy-status": "Verified", - "spectrum-heading-xs-serif-heavy-version": "6.0.0", - "spectrum-heading-s-serif-heavy-emphasized-strong-name": "Heading (s-serif-heavy-emphasized-strong)", - "spectrum-heading-s-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=true strong=true", - "spectrum-heading-s-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-s-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-serif-heavy-emphasized-name": "Heading (s-serif-heavy-emphasized)", - "spectrum-heading-s-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=true strong=false", - "spectrum-heading-s-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-s-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-s-serif-heavy-strong-name": "Heading (s-serif-heavy-strong)", - "spectrum-heading-s-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=false strong=true", - "spectrum-heading-s-serif-heavy-strong-status": "Verified", - "spectrum-heading-s-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-s-serif-heavy-name": "Heading (s-serif-heavy)", - "spectrum-heading-s-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=s emphasized=false strong=false", - "spectrum-heading-s-serif-heavy-status": "Verified", - "spectrum-heading-s-serif-heavy-version": "6.0.0", - "spectrum-heading-m-serif-heavy-emphasized-strong-name": "Heading (m-serif-heavy-emphasized-strong)", - "spectrum-heading-m-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=true strong=true", - "spectrum-heading-m-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-m-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-serif-heavy-emphasized-name": "Heading (m-serif-heavy-emphasized)", - "spectrum-heading-m-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=true strong=false", - "spectrum-heading-m-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-m-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-m-serif-heavy-strong-name": "Heading (m-serif-heavy-strong)", - "spectrum-heading-m-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=false strong=true", - "spectrum-heading-m-serif-heavy-strong-status": "Verified", - "spectrum-heading-m-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-m-serif-heavy-name": "Heading (m-serif-heavy)", - "spectrum-heading-m-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=m emphasized=false strong=false", - "spectrum-heading-m-serif-heavy-status": "Verified", - "spectrum-heading-m-serif-heavy-version": "6.0.0", - "spectrum-heading-l-serif-heavy-emphasized-strong-name": "Heading (l-serif-heavy-emphasized-strong)", - "spectrum-heading-l-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=true strong=true", - "spectrum-heading-l-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-l-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-serif-heavy-emphasized-name": "Heading (l-serif-heavy-emphasized)", - "spectrum-heading-l-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=true strong=false", - "spectrum-heading-l-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-l-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-l-serif-heavy-strong-name": "Heading (l-serif-heavy-strong)", - "spectrum-heading-l-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=false strong=true", - "spectrum-heading-l-serif-heavy-strong-status": "Verified", - "spectrum-heading-l-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-l-serif-heavy-name": "Heading (l-serif-heavy)", - "spectrum-heading-l-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=l emphasized=false strong=false", - "spectrum-heading-l-serif-heavy-status": "Verified", - "spectrum-heading-l-serif-heavy-version": "6.0.0", - "spectrum-heading-xl-serif-heavy-emphasized-strong-name": "Heading (xl-serif-heavy-emphasized-strong)", - "spectrum-heading-xl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-serif-heavy-emphasized-name": "Heading (xl-serif-heavy-emphasized)", - "spectrum-heading-xl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-xl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xl-serif-heavy-strong-name": "Heading (xl-serif-heavy-strong)", - "spectrum-heading-xl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-serif-heavy-strong-status": "Verified", - "spectrum-heading-xl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-xl-serif-heavy-name": "Heading (xl-serif-heavy)", - "spectrum-heading-xl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-serif-heavy-status": "Verified", - "spectrum-heading-xl-serif-heavy-version": "6.0.0", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-name": "Heading (xxl-serif-heavy-emphasized-strong)", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-heavy-emphasized-name": "Heading (xxl-serif-heavy-emphasized)", - "spectrum-heading-xxl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-xxl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxl-serif-heavy-strong-name": "Heading (xxl-serif-heavy-strong)", - "spectrum-heading-xxl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-serif-heavy-strong-status": "Verified", - "spectrum-heading-xxl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-xxl-serif-heavy-name": "Heading (xxl-serif-heavy)", - "spectrum-heading-xxl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-serif-heavy-status": "Verified", - "spectrum-heading-xxl-serif-heavy-version": "6.0.0", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-name": "Heading (xxxl-serif-heavy-emphasized-strong)", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-heavy-emphasized-name": "Heading (xxxl-serif-heavy-emphasized)", - "spectrum-heading-xxxl-serif-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-xxxl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-serif-heavy-strong-name": "Heading (xxxl-serif-heavy-strong)", - "spectrum-heading-xxxl-serif-heavy-strong-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-serif-heavy-strong-status": "Verified", - "spectrum-heading-xxxl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-xxxl-serif-heavy-name": "Heading (xxxl-serif-heavy)", - "spectrum-heading-xxxl-serif-heavy-description": "Heading with options script=latin weight=heavy classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-serif-heavy-status": "Verified", - "spectrum-heading-xxxl-serif-heavy-version": "6.0.0", - "spectrum-heading-xxs-heavy-emphasized-strong-name": "Heading (xxs-heavy-emphasized-strong)", - "spectrum-heading-xxs-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-xxs-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxs-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxs-heavy-emphasized-name": "Heading (xxs-heavy-emphasized)", - "spectrum-heading-xxs-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-xxs-heavy-emphasized-status": "Verified", - "spectrum-heading-xxs-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxs-heavy-strong-name": "Heading (xxs-heavy-strong)", - "spectrum-heading-xxs-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-xxs-heavy-strong-status": "Verified", - "spectrum-heading-xxs-heavy-strong-version": "6.0.0", - "spectrum-heading-xxs-heavy-name": "Heading (xxs-heavy)", - "spectrum-heading-xxs-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-xxs-heavy-status": "Verified", - "spectrum-heading-xxs-heavy-version": "6.0.0", - "spectrum-heading-xs-heavy-emphasized-strong-name": "Heading (xs-heavy-emphasized-strong)", - "spectrum-heading-xs-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-xs-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xs-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xs-heavy-emphasized-name": "Heading (xs-heavy-emphasized)", - "spectrum-heading-xs-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-xs-heavy-emphasized-status": "Verified", - "spectrum-heading-xs-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xs-heavy-strong-name": "Heading (xs-heavy-strong)", - "spectrum-heading-xs-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-xs-heavy-strong-status": "Verified", - "spectrum-heading-xs-heavy-strong-version": "6.0.0", - "spectrum-heading-xs-heavy-name": "Heading (xs-heavy)", - "spectrum-heading-xs-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-xs-heavy-status": "Verified", - "spectrum-heading-xs-heavy-version": "6.0.0", - "spectrum-heading-s-heavy-emphasized-strong-name": "Heading (s-heavy-emphasized-strong)", - "spectrum-heading-s-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-s-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-s-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-s-heavy-emphasized-name": "Heading (s-heavy-emphasized)", - "spectrum-heading-s-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-s-heavy-emphasized-status": "Verified", - "spectrum-heading-s-heavy-emphasized-version": "6.0.0", - "spectrum-heading-s-heavy-strong-name": "Heading (s-heavy-strong)", - "spectrum-heading-s-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-s-heavy-strong-status": "Verified", - "spectrum-heading-s-heavy-strong-version": "6.0.0", - "spectrum-heading-s-heavy-name": "Heading (s-heavy)", - "spectrum-heading-s-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-s-heavy-status": "Verified", - "spectrum-heading-s-heavy-version": "6.0.0", - "spectrum-heading-m-heavy-emphasized-strong-name": "Heading (m-heavy-emphasized-strong)", - "spectrum-heading-m-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-m-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-m-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-m-heavy-emphasized-name": "Heading (m-heavy-emphasized)", - "spectrum-heading-m-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-m-heavy-emphasized-status": "Verified", - "spectrum-heading-m-heavy-emphasized-version": "6.0.0", - "spectrum-heading-m-heavy-strong-name": "Heading (m-heavy-strong)", - "spectrum-heading-m-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-m-heavy-strong-status": "Verified", - "spectrum-heading-m-heavy-strong-version": "6.0.0", - "spectrum-heading-m-heavy-name": "Heading (m-heavy)", - "spectrum-heading-m-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-m-heavy-status": "Verified", - "spectrum-heading-m-heavy-version": "6.0.0", - "spectrum-heading-l-heavy-emphasized-strong-name": "Heading (l-heavy-emphasized-strong)", - "spectrum-heading-l-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-l-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-l-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-l-heavy-emphasized-name": "Heading (l-heavy-emphasized)", - "spectrum-heading-l-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-l-heavy-emphasized-status": "Verified", - "spectrum-heading-l-heavy-emphasized-version": "6.0.0", - "spectrum-heading-l-heavy-strong-name": "Heading (l-heavy-strong)", - "spectrum-heading-l-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-l-heavy-strong-status": "Verified", - "spectrum-heading-l-heavy-strong-version": "6.0.0", - "spectrum-heading-l-heavy-name": "Heading (l-heavy)", - "spectrum-heading-l-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-l-heavy-status": "Verified", - "spectrum-heading-l-heavy-version": "6.0.0", - "spectrum-heading-xl-heavy-emphasized-strong-name": "Heading (xl-heavy-emphasized-strong)", - "spectrum-heading-xl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-xl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xl-heavy-emphasized-name": "Heading (xl-heavy-emphasized)", - "spectrum-heading-xl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-xl-heavy-emphasized-status": "Verified", - "spectrum-heading-xl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xl-heavy-strong-name": "Heading (xl-heavy-strong)", - "spectrum-heading-xl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-xl-heavy-strong-status": "Verified", - "spectrum-heading-xl-heavy-strong-version": "6.0.0", - "spectrum-heading-xl-heavy-name": "Heading (xl-heavy)", - "spectrum-heading-xl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-xl-heavy-status": "Verified", - "spectrum-heading-xl-heavy-version": "6.0.0", - "spectrum-heading-xxl-heavy-emphasized-strong-name": "Heading (xxl-heavy-emphasized-strong)", - "spectrum-heading-xxl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-xxl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxl-heavy-emphasized-name": "Heading (xxl-heavy-emphasized)", - "spectrum-heading-xxl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-xxl-heavy-emphasized-status": "Verified", - "spectrum-heading-xxl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxl-heavy-strong-name": "Heading (xxl-heavy-strong)", - "spectrum-heading-xxl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-xxl-heavy-strong-status": "Verified", - "spectrum-heading-xxl-heavy-strong-version": "6.0.0", - "spectrum-heading-xxl-heavy-name": "Heading (xxl-heavy)", - "spectrum-heading-xxl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-xxl-heavy-status": "Verified", - "spectrum-heading-xxl-heavy-version": "6.0.0", - "spectrum-heading-xxxl-heavy-emphasized-strong-name": "Heading (xxxl-heavy-emphasized-strong)", - "spectrum-heading-xxxl-heavy-emphasized-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-xxxl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-xxxl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-xxxl-heavy-emphasized-name": "Heading (xxxl-heavy-emphasized)", - "spectrum-heading-xxxl-heavy-emphasized-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-xxxl-heavy-emphasized-status": "Verified", - "spectrum-heading-xxxl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-xxxl-heavy-strong-name": "Heading (xxxl-heavy-strong)", - "spectrum-heading-xxxl-heavy-strong-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-xxxl-heavy-strong-status": "Verified", - "spectrum-heading-xxxl-heavy-strong-version": "6.0.0", - "spectrum-heading-xxxl-heavy-name": "Heading (xxxl-heavy)", - "spectrum-heading-xxxl-heavy-description": "Heading with options script=latin weight=heavy classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-xxxl-heavy-status": "Verified", - "spectrum-heading-xxxl-heavy-version": "6.0.0", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-name": "Heading (han-xxs-serif-light-emphasized-strong)", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-light-emphasized-name": "Heading (han-xxs-serif-light-emphasized)", - "spectrum-heading-han-xxs-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-xxs-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-serif-light-strong-name": "Heading (han-xxs-serif-light-strong)", - "spectrum-heading-han-xxs-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-light-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-light-name": "Heading (han-xxs-serif-light)", - "spectrum-heading-han-xxs-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-light-status": "Verified", - "spectrum-heading-han-xxs-serif-light-version": "6.0.0", - "spectrum-heading-han-xs-serif-light-emphasized-strong-name": "Heading (han-xs-serif-light-emphasized-strong)", - "spectrum-heading-han-xs-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-light-emphasized-name": "Heading (han-xs-serif-light-emphasized)", - "spectrum-heading-han-xs-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-xs-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-serif-light-strong-name": "Heading (han-xs-serif-light-strong)", - "spectrum-heading-han-xs-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-light-strong-status": "Verified", - "spectrum-heading-han-xs-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-light-name": "Heading (han-xs-serif-light)", - "spectrum-heading-han-xs-serif-light-description": "Heading with options script=han weight=light classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-light-status": "Verified", - "spectrum-heading-han-xs-serif-light-version": "6.0.0", - "spectrum-heading-han-s-serif-light-emphasized-strong-name": "Heading (han-s-serif-light-emphasized-strong)", - "spectrum-heading-han-s-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-light-emphasized-name": "Heading (han-s-serif-light-emphasized)", - "spectrum-heading-han-s-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-s-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-s-serif-light-strong-name": "Heading (han-s-serif-light-strong)", - "spectrum-heading-han-s-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-light-strong-status": "Verified", - "spectrum-heading-han-s-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-light-name": "Heading (han-s-serif-light)", - "spectrum-heading-han-s-serif-light-description": "Heading with options script=han weight=light classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-light-status": "Verified", - "spectrum-heading-han-s-serif-light-version": "6.0.0", - "spectrum-heading-han-m-serif-light-emphasized-strong-name": "Heading (han-m-serif-light-emphasized-strong)", - "spectrum-heading-han-m-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-light-emphasized-name": "Heading (han-m-serif-light-emphasized)", - "spectrum-heading-han-m-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-m-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-m-serif-light-strong-name": "Heading (han-m-serif-light-strong)", - "spectrum-heading-han-m-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-light-strong-status": "Verified", - "spectrum-heading-han-m-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-light-name": "Heading (han-m-serif-light)", - "spectrum-heading-han-m-serif-light-description": "Heading with options script=han weight=light classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-light-status": "Verified", - "spectrum-heading-han-m-serif-light-version": "6.0.0", - "spectrum-heading-han-l-serif-light-emphasized-strong-name": "Heading (han-l-serif-light-emphasized-strong)", - "spectrum-heading-han-l-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-light-emphasized-name": "Heading (han-l-serif-light-emphasized)", - "spectrum-heading-han-l-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-l-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-l-serif-light-strong-name": "Heading (han-l-serif-light-strong)", - "spectrum-heading-han-l-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-light-strong-status": "Verified", - "spectrum-heading-han-l-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-light-name": "Heading (han-l-serif-light)", - "spectrum-heading-han-l-serif-light-description": "Heading with options script=han weight=light classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-light-status": "Verified", - "spectrum-heading-han-l-serif-light-version": "6.0.0", - "spectrum-heading-han-xl-serif-light-emphasized-strong-name": "Heading (han-xl-serif-light-emphasized-strong)", - "spectrum-heading-han-xl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-light-emphasized-name": "Heading (han-xl-serif-light-emphasized)", - "spectrum-heading-han-xl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-xl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-serif-light-strong-name": "Heading (han-xl-serif-light-strong)", - "spectrum-heading-han-xl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-light-strong-status": "Verified", - "spectrum-heading-han-xl-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-light-name": "Heading (han-xl-serif-light)", - "spectrum-heading-han-xl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-light-status": "Verified", - "spectrum-heading-han-xl-serif-light-version": "6.0.0", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-name": "Heading (han-xxl-serif-light-emphasized-strong)", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-light-emphasized-name": "Heading (han-xxl-serif-light-emphasized)", - "spectrum-heading-han-xxl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-xxl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-serif-light-strong-name": "Heading (han-xxl-serif-light-strong)", - "spectrum-heading-han-xxl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-light-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-light-name": "Heading (han-xxl-serif-light)", - "spectrum-heading-han-xxl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-light-status": "Verified", - "spectrum-heading-han-xxl-serif-light-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-name": "Heading (han-xxxl-serif-light-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-light-emphasized-name": "Heading (han-xxxl-serif-light-emphasized)", - "spectrum-heading-han-xxxl-serif-light-emphasized-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-light-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-serif-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-light-strong-name": "Heading (han-xxxl-serif-light-strong)", - "spectrum-heading-han-xxxl-serif-light-strong-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-light-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-light-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-light-name": "Heading (han-xxxl-serif-light)", - "spectrum-heading-han-xxxl-serif-light-description": "Heading with options script=han weight=light classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-light-status": "Verified", - "spectrum-heading-han-xxxl-serif-light-version": "6.0.0", - "spectrum-heading-han-xxs-light-emphasized-strong-name": "Heading (han-xxs-light-emphasized-strong)", - "spectrum-heading-han-xxs-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-light-emphasized-name": "Heading (han-xxs-light-emphasized)", - "spectrum-heading-han-xxs-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-light-emphasized-status": "Verified", - "spectrum-heading-han-xxs-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-light-strong-name": "Heading (han-xxs-light-strong)", - "spectrum-heading-han-xxs-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-light-strong-status": "Verified", - "spectrum-heading-han-xxs-light-strong-version": "6.0.0", - "spectrum-heading-han-xxs-light-name": "Heading (han-xxs-light)", - "spectrum-heading-han-xxs-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-light-status": "Verified", - "spectrum-heading-han-xxs-light-version": "6.0.0", - "spectrum-heading-han-xs-light-emphasized-strong-name": "Heading (han-xs-light-emphasized-strong)", - "spectrum-heading-han-xs-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-light-emphasized-name": "Heading (han-xs-light-emphasized)", - "spectrum-heading-han-xs-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-light-emphasized-status": "Verified", - "spectrum-heading-han-xs-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-light-strong-name": "Heading (han-xs-light-strong)", - "spectrum-heading-han-xs-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-light-strong-status": "Verified", - "spectrum-heading-han-xs-light-strong-version": "6.0.0", - "spectrum-heading-han-xs-light-name": "Heading (han-xs-light)", - "spectrum-heading-han-xs-light-description": "Heading with options script=han weight=light classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-light-status": "Verified", - "spectrum-heading-han-xs-light-version": "6.0.0", - "spectrum-heading-han-s-light-emphasized-strong-name": "Heading (han-s-light-emphasized-strong)", - "spectrum-heading-han-s-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-light-emphasized-name": "Heading (han-s-light-emphasized)", - "spectrum-heading-han-s-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-light-emphasized-status": "Verified", - "spectrum-heading-han-s-light-emphasized-version": "6.0.0", - "spectrum-heading-han-s-light-strong-name": "Heading (han-s-light-strong)", - "spectrum-heading-han-s-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-light-strong-status": "Verified", - "spectrum-heading-han-s-light-strong-version": "6.0.0", - "spectrum-heading-han-s-light-name": "Heading (han-s-light)", - "spectrum-heading-han-s-light-description": "Heading with options script=han weight=light classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-light-status": "Verified", - "spectrum-heading-han-s-light-version": "6.0.0", - "spectrum-heading-han-m-light-emphasized-strong-name": "Heading (han-m-light-emphasized-strong)", - "spectrum-heading-han-m-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-light-emphasized-name": "Heading (han-m-light-emphasized)", - "spectrum-heading-han-m-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-light-emphasized-status": "Verified", - "spectrum-heading-han-m-light-emphasized-version": "6.0.0", - "spectrum-heading-han-m-light-strong-name": "Heading (han-m-light-strong)", - "spectrum-heading-han-m-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-light-strong-status": "Verified", - "spectrum-heading-han-m-light-strong-version": "6.0.0", - "spectrum-heading-han-m-light-name": "Heading (han-m-light)", - "spectrum-heading-han-m-light-description": "Heading with options script=han weight=light classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-light-status": "Verified", - "spectrum-heading-han-m-light-version": "6.0.0", - "spectrum-heading-han-l-light-emphasized-strong-name": "Heading (han-l-light-emphasized-strong)", - "spectrum-heading-han-l-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-light-emphasized-name": "Heading (han-l-light-emphasized)", - "spectrum-heading-han-l-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-light-emphasized-status": "Verified", - "spectrum-heading-han-l-light-emphasized-version": "6.0.0", - "spectrum-heading-han-l-light-strong-name": "Heading (han-l-light-strong)", - "spectrum-heading-han-l-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-light-strong-status": "Verified", - "spectrum-heading-han-l-light-strong-version": "6.0.0", - "spectrum-heading-han-l-light-name": "Heading (han-l-light)", - "spectrum-heading-han-l-light-description": "Heading with options script=han weight=light classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-light-status": "Verified", - "spectrum-heading-han-l-light-version": "6.0.0", - "spectrum-heading-han-xl-light-emphasized-strong-name": "Heading (han-xl-light-emphasized-strong)", - "spectrum-heading-han-xl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-light-emphasized-name": "Heading (han-xl-light-emphasized)", - "spectrum-heading-han-xl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-light-emphasized-status": "Verified", - "spectrum-heading-han-xl-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-light-strong-name": "Heading (han-xl-light-strong)", - "spectrum-heading-han-xl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-light-strong-status": "Verified", - "spectrum-heading-han-xl-light-strong-version": "6.0.0", - "spectrum-heading-han-xl-light-name": "Heading (han-xl-light)", - "spectrum-heading-han-xl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-light-status": "Verified", - "spectrum-heading-han-xl-light-version": "6.0.0", - "spectrum-heading-han-xxl-light-emphasized-strong-name": "Heading (han-xxl-light-emphasized-strong)", - "spectrum-heading-han-xxl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-light-emphasized-name": "Heading (han-xxl-light-emphasized)", - "spectrum-heading-han-xxl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-light-emphasized-status": "Verified", - "spectrum-heading-han-xxl-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-light-strong-name": "Heading (han-xxl-light-strong)", - "spectrum-heading-han-xxl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-light-strong-status": "Verified", - "spectrum-heading-han-xxl-light-strong-version": "6.0.0", - "spectrum-heading-han-xxl-light-name": "Heading (han-xxl-light)", - "spectrum-heading-han-xxl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-light-status": "Verified", - "spectrum-heading-han-xxl-light-version": "6.0.0", - "spectrum-heading-han-xxxl-light-emphasized-strong-name": "Heading (han-xxxl-light-emphasized-strong)", - "spectrum-heading-han-xxxl-light-emphasized-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-light-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-light-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-light-emphasized-name": "Heading (han-xxxl-light-emphasized)", - "spectrum-heading-han-xxxl-light-emphasized-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-light-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-light-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-light-strong-name": "Heading (han-xxxl-light-strong)", - "spectrum-heading-han-xxxl-light-strong-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-light-strong-status": "Verified", - "spectrum-heading-han-xxxl-light-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-light-name": "Heading (han-xxxl-light)", - "spectrum-heading-han-xxxl-light-description": "Heading with options script=han weight=light classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-light-status": "Verified", - "spectrum-heading-han-xxxl-light-version": "6.0.0", - "spectrum-heading-han-xxs-serif-emphasized-strong-name": "Heading (han-xxs-serif-emphasized-strong)", - "spectrum-heading-han-xxs-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-emphasized-name": "Heading (han-xxs-serif-emphasized)", - "spectrum-heading-han-xxs-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-emphasized-status": "Verified", - "spectrum-heading-han-xxs-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-serif-strong-name": "Heading (han-xxs-serif-strong)", - "spectrum-heading-han-xxs-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-name": "Heading (han-xxs-serif)", - "spectrum-heading-han-xxs-serif-description": "Heading with options script=han weight=regular classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-status": "Verified", - "spectrum-heading-han-xxs-serif-version": "6.0.0", - "spectrum-heading-han-xs-serif-emphasized-strong-name": "Heading (han-xs-serif-emphasized-strong)", - "spectrum-heading-han-xs-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-emphasized-name": "Heading (han-xs-serif-emphasized)", - "spectrum-heading-han-xs-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-emphasized-status": "Verified", - "spectrum-heading-han-xs-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-serif-strong-name": "Heading (han-xs-serif-strong)", - "spectrum-heading-han-xs-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-strong-status": "Verified", - "spectrum-heading-han-xs-serif-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-name": "Heading (han-xs-serif)", - "spectrum-heading-han-xs-serif-description": "Heading with options script=han weight=regular classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-status": "Verified", - "spectrum-heading-han-xs-serif-version": "6.0.0", - "spectrum-heading-han-s-serif-emphasized-strong-name": "Heading (han-s-serif-emphasized-strong)", - "spectrum-heading-han-s-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-emphasized-name": "Heading (han-s-serif-emphasized)", - "spectrum-heading-han-s-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-emphasized-status": "Verified", - "spectrum-heading-han-s-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-s-serif-strong-name": "Heading (han-s-serif-strong)", - "spectrum-heading-han-s-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-strong-status": "Verified", - "spectrum-heading-han-s-serif-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-name": "Heading (han-s-serif)", - "spectrum-heading-han-s-serif-description": "Heading with options script=han weight=regular classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-status": "Verified", - "spectrum-heading-han-s-serif-version": "6.0.0", - "spectrum-heading-han-m-serif-emphasized-strong-name": "Heading (han-m-serif-emphasized-strong)", - "spectrum-heading-han-m-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-emphasized-name": "Heading (han-m-serif-emphasized)", - "spectrum-heading-han-m-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-emphasized-status": "Verified", - "spectrum-heading-han-m-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-m-serif-strong-name": "Heading (han-m-serif-strong)", - "spectrum-heading-han-m-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-strong-status": "Verified", - "spectrum-heading-han-m-serif-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-name": "Heading (han-m-serif)", - "spectrum-heading-han-m-serif-description": "Heading with options script=han weight=regular classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-status": "Verified", - "spectrum-heading-han-m-serif-version": "6.0.0", - "spectrum-heading-han-l-serif-emphasized-strong-name": "Heading (han-l-serif-emphasized-strong)", - "spectrum-heading-han-l-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-emphasized-name": "Heading (han-l-serif-emphasized)", - "spectrum-heading-han-l-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-emphasized-status": "Verified", - "spectrum-heading-han-l-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-l-serif-strong-name": "Heading (han-l-serif-strong)", - "spectrum-heading-han-l-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-strong-status": "Verified", - "spectrum-heading-han-l-serif-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-name": "Heading (han-l-serif)", - "spectrum-heading-han-l-serif-description": "Heading with options script=han weight=regular classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-status": "Verified", - "spectrum-heading-han-l-serif-version": "6.0.0", - "spectrum-heading-han-xl-serif-emphasized-strong-name": "Heading (han-xl-serif-emphasized-strong)", - "spectrum-heading-han-xl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-emphasized-name": "Heading (han-xl-serif-emphasized)", - "spectrum-heading-han-xl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-emphasized-status": "Verified", - "spectrum-heading-han-xl-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-serif-strong-name": "Heading (han-xl-serif-strong)", - "spectrum-heading-han-xl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-strong-status": "Verified", - "spectrum-heading-han-xl-serif-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-name": "Heading (han-xl-serif)", - "spectrum-heading-han-xl-serif-description": "Heading with options script=han weight=regular classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-status": "Verified", - "spectrum-heading-han-xl-serif-version": "6.0.0", - "spectrum-heading-han-xxl-serif-emphasized-strong-name": "Heading (han-xxl-serif-emphasized-strong)", - "spectrum-heading-han-xxl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-emphasized-name": "Heading (han-xxl-serif-emphasized)", - "spectrum-heading-han-xxl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-emphasized-status": "Verified", - "spectrum-heading-han-xxl-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-serif-strong-name": "Heading (han-xxl-serif-strong)", - "spectrum-heading-han-xxl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-name": "Heading (han-xxl-serif)", - "spectrum-heading-han-xxl-serif-description": "Heading with options script=han weight=regular classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-status": "Verified", - "spectrum-heading-han-xxl-serif-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-emphasized-strong-name": "Heading (han-xxxl-serif-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-emphasized-strong-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-emphasized-name": "Heading (han-xxxl-serif-emphasized)", - "spectrum-heading-han-xxxl-serif-emphasized-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-serif-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-strong-name": "Heading (han-xxxl-serif-strong)", - "spectrum-heading-han-xxxl-serif-strong-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-name": "Heading (han-xxxl-serif)", - "spectrum-heading-han-xxxl-serif-description": "Heading with options script=han weight=regular classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-status": "Verified", - "spectrum-heading-han-xxxl-serif-version": "6.0.0", - "spectrum-heading-han-xxs-emphasized-strong-name": "Heading (han-xxs-emphasized-strong)", - "spectrum-heading-han-xxs-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-emphasized-name": "Heading (han-xxs-emphasized)", - "spectrum-heading-han-xxs-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-emphasized-status": "Verified", - "spectrum-heading-han-xxs-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-strong-name": "Heading (han-xxs-strong)", - "spectrum-heading-han-xxs-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-strong-status": "Verified", - "spectrum-heading-han-xxs-strong-version": "6.0.0", - "spectrum-heading-han-xxs-name": "Heading (han-xxs)", - "spectrum-heading-han-xxs-description": "Heading with options script=han weight=regular classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-status": "Verified", - "spectrum-heading-han-xxs-version": "6.0.0", - "spectrum-heading-han-xs-emphasized-strong-name": "Heading (han-xs-emphasized-strong)", - "spectrum-heading-han-xs-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-emphasized-name": "Heading (han-xs-emphasized)", - "spectrum-heading-han-xs-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-emphasized-status": "Verified", - "spectrum-heading-han-xs-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-strong-name": "Heading (han-xs-strong)", - "spectrum-heading-han-xs-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-strong-status": "Verified", - "spectrum-heading-han-xs-strong-version": "6.0.0", - "spectrum-heading-han-xs-name": "Heading (han-xs)", - "spectrum-heading-han-xs-description": "Heading with options script=han weight=regular classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-status": "Verified", - "spectrum-heading-han-xs-version": "6.0.0", - "spectrum-heading-han-s-emphasized-strong-name": "Heading (han-s-emphasized-strong)", - "spectrum-heading-han-s-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-emphasized-name": "Heading (han-s-emphasized)", - "spectrum-heading-han-s-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-emphasized-status": "Verified", - "spectrum-heading-han-s-emphasized-version": "6.0.0", - "spectrum-heading-han-s-strong-name": "Heading (han-s-strong)", - "spectrum-heading-han-s-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-strong-status": "Verified", - "spectrum-heading-han-s-strong-version": "6.0.0", - "spectrum-heading-han-s-name": "Heading (han-s)", - "spectrum-heading-han-s-description": "Heading with options script=han weight=regular classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-status": "Verified", - "spectrum-heading-han-s-version": "6.0.0", - "spectrum-heading-han-m-emphasized-strong-name": "Heading (han-m-emphasized-strong)", - "spectrum-heading-han-m-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-emphasized-name": "Heading (han-m-emphasized)", - "spectrum-heading-han-m-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-emphasized-status": "Verified", - "spectrum-heading-han-m-emphasized-version": "6.0.0", - "spectrum-heading-han-m-strong-name": "Heading (han-m-strong)", - "spectrum-heading-han-m-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-strong-status": "Verified", - "spectrum-heading-han-m-strong-version": "6.0.0", - "spectrum-heading-han-m-name": "Heading (han-m)", - "spectrum-heading-han-m-description": "Heading with options script=han weight=regular classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-status": "Verified", - "spectrum-heading-han-m-version": "6.0.0", - "spectrum-heading-han-l-emphasized-strong-name": "Heading (han-l-emphasized-strong)", - "spectrum-heading-han-l-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-emphasized-name": "Heading (han-l-emphasized)", - "spectrum-heading-han-l-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-emphasized-status": "Verified", - "spectrum-heading-han-l-emphasized-version": "6.0.0", - "spectrum-heading-han-l-strong-name": "Heading (han-l-strong)", - "spectrum-heading-han-l-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-strong-status": "Verified", - "spectrum-heading-han-l-strong-version": "6.0.0", - "spectrum-heading-han-l-name": "Heading (han-l)", - "spectrum-heading-han-l-description": "Heading with options script=han weight=regular classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-status": "Verified", - "spectrum-heading-han-l-version": "6.0.0", - "spectrum-heading-han-xl-emphasized-strong-name": "Heading (han-xl-emphasized-strong)", - "spectrum-heading-han-xl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-emphasized-name": "Heading (han-xl-emphasized)", - "spectrum-heading-han-xl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-emphasized-status": "Verified", - "spectrum-heading-han-xl-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-strong-name": "Heading (han-xl-strong)", - "spectrum-heading-han-xl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-strong-status": "Verified", - "spectrum-heading-han-xl-strong-version": "6.0.0", - "spectrum-heading-han-xl-name": "Heading (han-xl)", - "spectrum-heading-han-xl-description": "Heading with options script=han weight=regular classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-status": "Verified", - "spectrum-heading-han-xl-version": "6.0.0", - "spectrum-heading-han-xxl-emphasized-strong-name": "Heading (han-xxl-emphasized-strong)", - "spectrum-heading-han-xxl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-emphasized-name": "Heading (han-xxl-emphasized)", - "spectrum-heading-han-xxl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-emphasized-status": "Verified", - "spectrum-heading-han-xxl-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-strong-name": "Heading (han-xxl-strong)", - "spectrum-heading-han-xxl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-strong-status": "Verified", - "spectrum-heading-han-xxl-strong-version": "6.0.0", - "spectrum-heading-han-xxl-name": "Heading (han-xxl)", - "spectrum-heading-han-xxl-description": "Heading with options script=han weight=regular classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-status": "Verified", - "spectrum-heading-han-xxl-version": "6.0.0", - "spectrum-heading-han-xxxl-emphasized-strong-name": "Heading (han-xxxl-emphasized-strong)", - "spectrum-heading-han-xxxl-emphasized-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-emphasized-name": "Heading (han-xxxl-emphasized)", - "spectrum-heading-han-xxxl-emphasized-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-strong-name": "Heading (han-xxxl-strong)", - "spectrum-heading-han-xxxl-strong-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-strong-status": "Verified", - "spectrum-heading-han-xxxl-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-name": "Heading (han-xxxl)", - "spectrum-heading-han-xxxl-description": "Heading with options script=han weight=regular classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-status": "Verified", - "spectrum-heading-han-xxxl-version": "6.0.0", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-name": "Heading (han-xxs-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-heavy-emphasized-name": "Heading (han-xxs-serif-heavy-emphasized)", - "spectrum-heading-han-xxs-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxs-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-serif-heavy-strong-name": "Heading (han-xxs-serif-heavy-strong)", - "spectrum-heading-han-xxs-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-xxs-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxs-serif-heavy-name": "Heading (han-xxs-serif-heavy)", - "spectrum-heading-han-xxs-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-serif-heavy-status": "Verified", - "spectrum-heading-han-xxs-serif-heavy-version": "6.0.0", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-name": "Heading (han-xs-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-heavy-emphasized-name": "Heading (han-xs-serif-heavy-emphasized)", - "spectrum-heading-han-xs-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xs-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-serif-heavy-strong-name": "Heading (han-xs-serif-heavy-strong)", - "spectrum-heading-han-xs-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-xs-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xs-serif-heavy-name": "Heading (han-xs-serif-heavy)", - "spectrum-heading-han-xs-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-serif-heavy-status": "Verified", - "spectrum-heading-han-xs-serif-heavy-version": "6.0.0", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-name": "Heading (han-s-serif-heavy-emphasized-strong)", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-heavy-emphasized-name": "Heading (han-s-serif-heavy-emphasized)", - "spectrum-heading-han-s-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-s-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-s-serif-heavy-strong-name": "Heading (han-s-serif-heavy-strong)", - "spectrum-heading-han-s-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-s-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-s-serif-heavy-name": "Heading (han-s-serif-heavy)", - "spectrum-heading-han-s-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-serif-heavy-status": "Verified", - "spectrum-heading-han-s-serif-heavy-version": "6.0.0", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-name": "Heading (han-m-serif-heavy-emphasized-strong)", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-heavy-emphasized-name": "Heading (han-m-serif-heavy-emphasized)", - "spectrum-heading-han-m-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-m-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-m-serif-heavy-strong-name": "Heading (han-m-serif-heavy-strong)", - "spectrum-heading-han-m-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-m-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-m-serif-heavy-name": "Heading (han-m-serif-heavy)", - "spectrum-heading-han-m-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-serif-heavy-status": "Verified", - "spectrum-heading-han-m-serif-heavy-version": "6.0.0", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-name": "Heading (han-l-serif-heavy-emphasized-strong)", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-heavy-emphasized-name": "Heading (han-l-serif-heavy-emphasized)", - "spectrum-heading-han-l-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-l-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-l-serif-heavy-strong-name": "Heading (han-l-serif-heavy-strong)", - "spectrum-heading-han-l-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-l-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-l-serif-heavy-name": "Heading (han-l-serif-heavy)", - "spectrum-heading-han-l-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-serif-heavy-status": "Verified", - "spectrum-heading-han-l-serif-heavy-version": "6.0.0", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-name": "Heading (han-xl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-heavy-emphasized-name": "Heading (han-xl-serif-heavy-emphasized)", - "spectrum-heading-han-xl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-serif-heavy-strong-name": "Heading (han-xl-serif-heavy-strong)", - "spectrum-heading-han-xl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-xl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xl-serif-heavy-name": "Heading (han-xl-serif-heavy)", - "spectrum-heading-han-xl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-serif-heavy-status": "Verified", - "spectrum-heading-han-xl-serif-heavy-version": "6.0.0", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-name": "Heading (han-xxl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-heavy-emphasized-name": "Heading (han-xxl-serif-heavy-emphasized)", - "spectrum-heading-han-xxl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-serif-heavy-strong-name": "Heading (han-xxl-serif-heavy-strong)", - "spectrum-heading-han-xxl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-xxl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxl-serif-heavy-name": "Heading (han-xxl-serif-heavy)", - "spectrum-heading-han-xxl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-serif-heavy-status": "Verified", - "spectrum-heading-han-xxl-serif-heavy-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-name": "Heading (han-xxxl-serif-heavy-emphasized-strong)", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-name": "Heading (han-xxxl-serif-heavy-emphasized)", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-serif-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-heavy-strong-name": "Heading (han-xxxl-serif-heavy-strong)", - "spectrum-heading-han-xxxl-serif-heavy-strong-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-serif-heavy-strong-status": "Verified", - "spectrum-heading-han-xxxl-serif-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-serif-heavy-name": "Heading (han-xxxl-serif-heavy)", - "spectrum-heading-han-xxxl-serif-heavy-description": "Heading with options script=han weight=heavy classification=serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-serif-heavy-status": "Verified", - "spectrum-heading-han-xxxl-serif-heavy-version": "6.0.0", - "spectrum-heading-han-xxs-heavy-emphasized-strong-name": "Heading (han-xxs-heavy-emphasized-strong)", - "spectrum-heading-han-xxs-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=true strong=true", - "spectrum-heading-han-xxs-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxs-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxs-heavy-emphasized-name": "Heading (han-xxs-heavy-emphasized)", - "spectrum-heading-han-xxs-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=true strong=false", - "spectrum-heading-han-xxs-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxs-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxs-heavy-strong-name": "Heading (han-xxs-heavy-strong)", - "spectrum-heading-han-xxs-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=false strong=true", - "spectrum-heading-han-xxs-heavy-strong-status": "Verified", - "spectrum-heading-han-xxs-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxs-heavy-name": "Heading (han-xxs-heavy)", - "spectrum-heading-han-xxs-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxs emphasized=false strong=false", - "spectrum-heading-han-xxs-heavy-status": "Verified", - "spectrum-heading-han-xxs-heavy-version": "6.0.0", - "spectrum-heading-han-xs-heavy-emphasized-strong-name": "Heading (han-xs-heavy-emphasized-strong)", - "spectrum-heading-han-xs-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=true strong=true", - "spectrum-heading-han-xs-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xs-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xs-heavy-emphasized-name": "Heading (han-xs-heavy-emphasized)", - "spectrum-heading-han-xs-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=true strong=false", - "spectrum-heading-han-xs-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xs-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xs-heavy-strong-name": "Heading (han-xs-heavy-strong)", - "spectrum-heading-han-xs-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=false strong=true", - "spectrum-heading-han-xs-heavy-strong-status": "Verified", - "spectrum-heading-han-xs-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xs-heavy-name": "Heading (han-xs-heavy)", - "spectrum-heading-han-xs-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xs emphasized=false strong=false", - "spectrum-heading-han-xs-heavy-status": "Verified", - "spectrum-heading-han-xs-heavy-version": "6.0.0", - "spectrum-heading-han-s-heavy-emphasized-strong-name": "Heading (han-s-heavy-emphasized-strong)", - "spectrum-heading-han-s-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=true strong=true", - "spectrum-heading-han-s-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-s-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-s-heavy-emphasized-name": "Heading (han-s-heavy-emphasized)", - "spectrum-heading-han-s-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=true strong=false", - "spectrum-heading-han-s-heavy-emphasized-status": "Verified", - "spectrum-heading-han-s-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-s-heavy-strong-name": "Heading (han-s-heavy-strong)", - "spectrum-heading-han-s-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=false strong=true", - "spectrum-heading-han-s-heavy-strong-status": "Verified", - "spectrum-heading-han-s-heavy-strong-version": "6.0.0", - "spectrum-heading-han-s-heavy-name": "Heading (han-s-heavy)", - "spectrum-heading-han-s-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=s emphasized=false strong=false", - "spectrum-heading-han-s-heavy-status": "Verified", - "spectrum-heading-han-s-heavy-version": "6.0.0", - "spectrum-heading-han-m-heavy-emphasized-strong-name": "Heading (han-m-heavy-emphasized-strong)", - "spectrum-heading-han-m-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=true strong=true", - "spectrum-heading-han-m-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-m-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-m-heavy-emphasized-name": "Heading (han-m-heavy-emphasized)", - "spectrum-heading-han-m-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=true strong=false", - "spectrum-heading-han-m-heavy-emphasized-status": "Verified", - "spectrum-heading-han-m-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-m-heavy-strong-name": "Heading (han-m-heavy-strong)", - "spectrum-heading-han-m-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=false strong=true", - "spectrum-heading-han-m-heavy-strong-status": "Verified", - "spectrum-heading-han-m-heavy-strong-version": "6.0.0", - "spectrum-heading-han-m-heavy-name": "Heading (han-m-heavy)", - "spectrum-heading-han-m-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=m emphasized=false strong=false", - "spectrum-heading-han-m-heavy-status": "Verified", - "spectrum-heading-han-m-heavy-version": "6.0.0", - "spectrum-heading-han-l-heavy-emphasized-strong-name": "Heading (han-l-heavy-emphasized-strong)", - "spectrum-heading-han-l-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=true strong=true", - "spectrum-heading-han-l-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-l-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-l-heavy-emphasized-name": "Heading (han-l-heavy-emphasized)", - "spectrum-heading-han-l-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=true strong=false", - "spectrum-heading-han-l-heavy-emphasized-status": "Verified", - "spectrum-heading-han-l-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-l-heavy-strong-name": "Heading (han-l-heavy-strong)", - "spectrum-heading-han-l-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=false strong=true", - "spectrum-heading-han-l-heavy-strong-status": "Verified", - "spectrum-heading-han-l-heavy-strong-version": "6.0.0", - "spectrum-heading-han-l-heavy-name": "Heading (han-l-heavy)", - "spectrum-heading-han-l-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=l emphasized=false strong=false", - "spectrum-heading-han-l-heavy-status": "Verified", - "spectrum-heading-han-l-heavy-version": "6.0.0", - "spectrum-heading-han-xl-heavy-emphasized-strong-name": "Heading (han-xl-heavy-emphasized-strong)", - "spectrum-heading-han-xl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=true strong=true", - "spectrum-heading-han-xl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xl-heavy-emphasized-name": "Heading (han-xl-heavy-emphasized)", - "spectrum-heading-han-xl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=true strong=false", - "spectrum-heading-han-xl-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xl-heavy-strong-name": "Heading (han-xl-heavy-strong)", - "spectrum-heading-han-xl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=false strong=true", - "spectrum-heading-han-xl-heavy-strong-status": "Verified", - "spectrum-heading-han-xl-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xl-heavy-name": "Heading (han-xl-heavy)", - "spectrum-heading-han-xl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xl emphasized=false strong=false", - "spectrum-heading-han-xl-heavy-status": "Verified", - "spectrum-heading-han-xl-heavy-version": "6.0.0", - "spectrum-heading-han-xxl-heavy-emphasized-strong-name": "Heading (han-xxl-heavy-emphasized-strong)", - "spectrum-heading-han-xxl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=true strong=true", - "spectrum-heading-han-xxl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxl-heavy-emphasized-name": "Heading (han-xxl-heavy-emphasized)", - "spectrum-heading-han-xxl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=true strong=false", - "spectrum-heading-han-xxl-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxl-heavy-strong-name": "Heading (han-xxl-heavy-strong)", - "spectrum-heading-han-xxl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=false strong=true", - "spectrum-heading-han-xxl-heavy-strong-status": "Verified", - "spectrum-heading-han-xxl-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxl-heavy-name": "Heading (han-xxl-heavy)", - "spectrum-heading-han-xxl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxl emphasized=false strong=false", - "spectrum-heading-han-xxl-heavy-status": "Verified", - "spectrum-heading-han-xxl-heavy-version": "6.0.0", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-name": "Heading (han-xxxl-heavy-emphasized-strong)", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=true strong=true", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-status": "Verified", - "spectrum-heading-han-xxxl-heavy-emphasized-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-heavy-emphasized-name": "Heading (han-xxxl-heavy-emphasized)", - "spectrum-heading-han-xxxl-heavy-emphasized-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=true strong=false", - "spectrum-heading-han-xxxl-heavy-emphasized-status": "Verified", - "spectrum-heading-han-xxxl-heavy-emphasized-version": "6.0.0", - "spectrum-heading-han-xxxl-heavy-strong-name": "Heading (han-xxxl-heavy-strong)", - "spectrum-heading-han-xxxl-heavy-strong-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=false strong=true", - "spectrum-heading-han-xxxl-heavy-strong-status": "Verified", - "spectrum-heading-han-xxxl-heavy-strong-version": "6.0.0", - "spectrum-heading-han-xxxl-heavy-name": "Heading (han-xxxl-heavy)", - "spectrum-heading-han-xxxl-heavy-description": "Heading with options script=han weight=heavy classification=sans-serif size=xxxl emphasized=false strong=false", - "spectrum-heading-han-xxxl-heavy-status": "Verified", - "spectrum-heading-han-xxxl-heavy-version": "6.0.0", - "spectrum-helptext-s-neutral-texticon-name": "HelpText (s-neutral-texticon)", - "spectrum-helptext-s-neutral-texticon-description": "HelpText with options size=s content=texticon variant=neutral", - "spectrum-helptext-s-neutral-texticon-status": "Verified", - "spectrum-helptext-s-neutral-texticon-version": "1.0.0", - "spectrum-helptext-s-negative-texticon-name": "HelpText (s-negative-texticon)", - "spectrum-helptext-s-negative-texticon-description": "HelpText with options size=s content=texticon variant=negative", - "spectrum-helptext-s-negative-texticon-status": "Verified", - "spectrum-helptext-s-negative-texticon-version": "1.0.0", - "spectrum-helptext-s-neutral-textonly-name": "HelpText (s-neutral-textonly)", - "spectrum-helptext-s-neutral-textonly-description": "HelpText with options size=s content=textonly variant=neutral", - "spectrum-helptext-s-neutral-textonly-status": "Verified", - "spectrum-helptext-s-neutral-textonly-version": "1.0.0", - "spectrum-helptext-s-negative-textonly-name": "HelpText (s-negative-textonly)", - "spectrum-helptext-s-negative-textonly-description": "HelpText with options size=s content=textonly variant=negative", - "spectrum-helptext-s-negative-textonly-status": "Verified", - "spectrum-helptext-s-negative-textonly-version": "1.0.0", - "spectrum-helptext-m-neutral-texticon-name": "HelpText (m-neutral-texticon)", - "spectrum-helptext-m-neutral-texticon-description": "HelpText with options size=m content=texticon variant=neutral", - "spectrum-helptext-m-neutral-texticon-status": "Verified", - "spectrum-helptext-m-neutral-texticon-version": "1.0.0", - "spectrum-helptext-m-negative-texticon-name": "HelpText (m-negative-texticon)", - "spectrum-helptext-m-negative-texticon-description": "HelpText with options size=m content=texticon variant=negative", - "spectrum-helptext-m-negative-texticon-status": "Verified", - "spectrum-helptext-m-negative-texticon-version": "1.0.0", - "spectrum-helptext-m-neutral-textonly-name": "HelpText (m-neutral-textonly)", - "spectrum-helptext-m-neutral-textonly-description": "HelpText with options size=m content=textonly variant=neutral", - "spectrum-helptext-m-neutral-textonly-status": "Verified", - "spectrum-helptext-m-neutral-textonly-version": "1.0.0", - "spectrum-helptext-m-negative-textonly-name": "HelpText (m-negative-textonly)", - "spectrum-helptext-m-negative-textonly-description": "HelpText with options size=m content=textonly variant=negative", - "spectrum-helptext-m-negative-textonly-status": "Verified", - "spectrum-helptext-m-negative-textonly-version": "1.0.0", - "spectrum-helptext-l-neutral-texticon-name": "HelpText (l-neutral-texticon)", - "spectrum-helptext-l-neutral-texticon-description": "HelpText with options size=l content=texticon variant=neutral", - "spectrum-helptext-l-neutral-texticon-status": "Verified", - "spectrum-helptext-l-neutral-texticon-version": "1.0.0", - "spectrum-helptext-l-negative-texticon-name": "HelpText (l-negative-texticon)", - "spectrum-helptext-l-negative-texticon-description": "HelpText with options size=l content=texticon variant=negative", - "spectrum-helptext-l-negative-texticon-status": "Verified", - "spectrum-helptext-l-negative-texticon-version": "1.0.0", - "spectrum-helptext-l-neutral-textonly-name": "HelpText (l-neutral-textonly)", - "spectrum-helptext-l-neutral-textonly-description": "HelpText with options size=l content=textonly variant=neutral", - "spectrum-helptext-l-neutral-textonly-status": "Verified", - "spectrum-helptext-l-neutral-textonly-version": "1.0.0", - "spectrum-helptext-l-negative-textonly-name": "HelpText (l-negative-textonly)", - "spectrum-helptext-l-negative-textonly-description": "HelpText with options size=l content=textonly variant=negative", - "spectrum-helptext-l-negative-textonly-status": "Verified", - "spectrum-helptext-l-negative-textonly-version": "1.0.0", - "spectrum-helptext-xl-neutral-texticon-name": "HelpText (xl-neutral-texticon)", - "spectrum-helptext-xl-neutral-texticon-description": "HelpText with options size=xl content=texticon variant=neutral", - "spectrum-helptext-xl-neutral-texticon-status": "Verified", - "spectrum-helptext-xl-neutral-texticon-version": "1.0.0", - "spectrum-helptext-xl-negative-texticon-name": "HelpText (xl-negative-texticon)", - "spectrum-helptext-xl-negative-texticon-description": "HelpText with options size=xl content=texticon variant=negative", - "spectrum-helptext-xl-negative-texticon-status": "Verified", - "spectrum-helptext-xl-negative-texticon-version": "1.0.0", - "spectrum-helptext-xl-neutral-textonly-name": "HelpText (xl-neutral-textonly)", - "spectrum-helptext-xl-neutral-textonly-description": "HelpText with options size=xl content=textonly variant=neutral", - "spectrum-helptext-xl-neutral-textonly-status": "Verified", - "spectrum-helptext-xl-neutral-textonly-version": "1.0.0", - "spectrum-helptext-xl-negative-textonly-name": "HelpText (xl-negative-textonly)", - "spectrum-helptext-xl-negative-textonly-description": "HelpText with options size=xl content=textonly variant=negative", - "spectrum-helptext-xl-negative-textonly-status": "Verified", - "spectrum-helptext-xl-negative-textonly-version": "1.0.0", - "spectrum-illustratedmessage-name": "IllustratedMessage (default)", - "spectrum-illustratedmessage-description": "IllustratedMessage with no options", - "spectrum-illustratedmessage-version": "1.1.0", - "spectrum-infieldbutton-s-left-name": "InfieldButton (s-left)", - "spectrum-infieldbutton-s-left-description": "InfieldButton with options size=s loudness=low position=left", - "spectrum-infieldbutton-s-left-version": "1.1.0", - "spectrum-infieldbutton-s-right-name": "InfieldButton (s-right)", - "spectrum-infieldbutton-s-right-description": "InfieldButton with options size=s loudness=low position=right", - "spectrum-infieldbutton-s-right-version": "1.1.0", - "spectrum-infieldbutton-s-none-name": "InfieldButton (s-none)", - "spectrum-infieldbutton-s-none-description": "InfieldButton with options size=s loudness=low position=none", - "spectrum-infieldbutton-s-none-version": "1.1.0", - "spectrum-infieldbutton-m-left-name": "InfieldButton (m-left)", - "spectrum-infieldbutton-m-left-description": "InfieldButton with options size=m loudness=low position=left", - "spectrum-infieldbutton-m-left-version": "1.1.0", - "spectrum-infieldbutton-m-right-name": "InfieldButton (m-right)", - "spectrum-infieldbutton-m-right-description": "InfieldButton with options size=m loudness=low position=right", - "spectrum-infieldbutton-m-right-version": "1.1.0", - "spectrum-infieldbutton-m-none-name": "InfieldButton (m-none)", - "spectrum-infieldbutton-m-none-description": "InfieldButton with options size=m loudness=low position=none", - "spectrum-infieldbutton-m-none-version": "1.1.0", - "spectrum-infieldbutton-l-left-name": "InfieldButton (l-left)", - "spectrum-infieldbutton-l-left-description": "InfieldButton with options size=l loudness=low position=left", - "spectrum-infieldbutton-l-left-version": "1.1.0", - "spectrum-infieldbutton-l-right-name": "InfieldButton (l-right)", - "spectrum-infieldbutton-l-right-description": "InfieldButton with options size=l loudness=low position=right", - "spectrum-infieldbutton-l-right-version": "1.1.0", - "spectrum-infieldbutton-l-none-name": "InfieldButton (l-none)", - "spectrum-infieldbutton-l-none-description": "InfieldButton with options size=l loudness=low position=none", - "spectrum-infieldbutton-l-none-version": "1.1.0", - "spectrum-infieldbutton-xl-left-name": "InfieldButton (xl-left)", - "spectrum-infieldbutton-xl-left-description": "InfieldButton with options size=xl loudness=low position=left", - "spectrum-infieldbutton-xl-left-version": "1.1.0", - "spectrum-infieldbutton-xl-right-name": "InfieldButton (xl-right)", - "spectrum-infieldbutton-xl-right-description": "InfieldButton with options size=xl loudness=low position=right", - "spectrum-infieldbutton-xl-right-version": "1.1.0", - "spectrum-infieldbutton-xl-none-name": "InfieldButton (xl-none)", - "spectrum-infieldbutton-xl-none-description": "InfieldButton with options size=xl loudness=low position=none", - "spectrum-infieldbutton-xl-none-version": "1.1.0", - "spectrum-inlinealert-neutral-name": "InlineAlert (neutral)", - "spectrum-inlinealert-neutral-description": "InlineAlert with options variant=neutral", - "spectrum-inlinealert-neutral-status": "Contribution", - "spectrum-inlinealert-neutral-version": "1.0.0", - "spectrum-inlinealert-info-name": "InlineAlert (info)", - "spectrum-inlinealert-info-description": "InlineAlert with options variant=info", - "spectrum-inlinealert-info-status": "Contribution", - "spectrum-inlinealert-info-version": "1.0.0", - "spectrum-inlinealert-error-name": "InlineAlert (error)", - "spectrum-inlinealert-error-description": "InlineAlert with options variant=error", - "spectrum-inlinealert-error-status": "Contribution", - "spectrum-inlinealert-error-version": "1.0.0", - "spectrum-inlinealert-help-name": "InlineAlert (help)", - "spectrum-inlinealert-help-description": "InlineAlert with options variant=help", - "spectrum-inlinealert-help-status": "Contribution", - "spectrum-inlinealert-help-version": "1.0.0", - "spectrum-inlinealert-success-name": "InlineAlert (success)", - "spectrum-inlinealert-success-description": "InlineAlert with options variant=success", - "spectrum-inlinealert-success-status": "Contribution", - "spectrum-inlinealert-success-version": "1.0.0", - "spectrum-inlinealert-negative-name": "InlineAlert (negative)", - "spectrum-inlinealert-negative-description": "InlineAlert with options variant=negative", - "spectrum-inlinealert-negative-status": "Contribution", - "spectrum-inlinealert-negative-version": "1.0.0", - "spectrum-label-colored-name": "Label (colored)", - "spectrum-label-colored-description": "Label with options colored=true", - "spectrum-label-colored-version": "0.1.0", - "spectrum-label-name": "Label (default)", - "spectrum-label-description": "Label with options colored=false", - "spectrum-label-version": "0.1.0", - "spectrum-link-s-primary-quiet-overbackground-name": "Link (s-primary-quiet-overbackground)", - "spectrum-link-s-primary-quiet-overbackground-description": "Link with options size=s variant=primary overbackground=true quiet=true", - "spectrum-link-s-primary-quiet-overbackground-version": "6.1.0", - "spectrum-link-s-primary-overbackground-name": "Link (s-primary-overbackground)", - "spectrum-link-s-primary-overbackground-description": "Link with options size=s variant=primary overbackground=true quiet=false", - "spectrum-link-s-primary-overbackground-version": "6.1.0", - "spectrum-link-s-primary-quiet-name": "Link (s-primary-quiet)", - "spectrum-link-s-primary-quiet-description": "Link with options size=s variant=primary overbackground=false quiet=true", - "spectrum-link-s-primary-quiet-version": "6.1.0", - "spectrum-link-s-primary-name": "Link (s-primary)", - "spectrum-link-s-primary-description": "Link with options size=s variant=primary overbackground=false quiet=false", - "spectrum-link-s-primary-version": "6.1.0", - "spectrum-link-s-secondary-quiet-overbackground-name": "Link (s-secondary-quiet-overbackground)", - "spectrum-link-s-secondary-quiet-overbackground-description": "Link with options size=s variant=secondary overbackground=true quiet=true", - "spectrum-link-s-secondary-quiet-overbackground-version": "6.1.0", - "spectrum-link-s-secondary-overbackground-name": "Link (s-secondary-overbackground)", - "spectrum-link-s-secondary-overbackground-description": "Link with options size=s variant=secondary overbackground=true quiet=false", - "spectrum-link-s-secondary-overbackground-version": "6.1.0", - "spectrum-link-s-secondary-quiet-name": "Link (s-secondary-quiet)", - "spectrum-link-s-secondary-quiet-description": "Link with options size=s variant=secondary overbackground=false quiet=true", - "spectrum-link-s-secondary-quiet-version": "6.1.0", - "spectrum-link-s-secondary-name": "Link (s-secondary)", - "spectrum-link-s-secondary-description": "Link with options size=s variant=secondary overbackground=false quiet=false", - "spectrum-link-s-secondary-version": "6.1.0", - "spectrum-link-m-primary-quiet-overbackground-name": "Link (m-primary-quiet-overbackground)", - "spectrum-link-m-primary-quiet-overbackground-description": "Link with options size=m variant=primary overbackground=true quiet=true", - "spectrum-link-m-primary-quiet-overbackground-version": "6.1.0", - "spectrum-link-m-primary-overbackground-name": "Link (m-primary-overbackground)", - "spectrum-link-m-primary-overbackground-description": "Link with options size=m variant=primary overbackground=true quiet=false", - "spectrum-link-m-primary-overbackground-version": "6.1.0", - "spectrum-link-m-primary-quiet-name": "Link (m-primary-quiet)", - "spectrum-link-m-primary-quiet-description": "Link with options size=m variant=primary overbackground=false quiet=true", - "spectrum-link-m-primary-quiet-version": "6.1.0", - "spectrum-link-m-primary-name": "Link (m-primary)", - "spectrum-link-m-primary-description": "Link with options size=m variant=primary overbackground=false quiet=false", - "spectrum-link-m-primary-version": "6.1.0", - "spectrum-link-m-secondary-quiet-overbackground-name": "Link (m-secondary-quiet-overbackground)", - "spectrum-link-m-secondary-quiet-overbackground-description": "Link with options size=m variant=secondary overbackground=true quiet=true", - "spectrum-link-m-secondary-quiet-overbackground-version": "6.1.0", - "spectrum-link-m-secondary-overbackground-name": "Link (m-secondary-overbackground)", - "spectrum-link-m-secondary-overbackground-description": "Link with options size=m variant=secondary overbackground=true quiet=false", - "spectrum-link-m-secondary-overbackground-version": "6.1.0", - "spectrum-link-m-secondary-quiet-name": "Link (m-secondary-quiet)", - "spectrum-link-m-secondary-quiet-description": "Link with options size=m variant=secondary overbackground=false quiet=true", - "spectrum-link-m-secondary-quiet-version": "6.1.0", - "spectrum-link-m-secondary-name": "Link (m-secondary)", - "spectrum-link-m-secondary-description": "Link with options size=m variant=secondary overbackground=false quiet=false", - "spectrum-link-m-secondary-version": "6.1.0", - "spectrum-link-l-primary-quiet-overbackground-name": "Link (l-primary-quiet-overbackground)", - "spectrum-link-l-primary-quiet-overbackground-description": "Link with options size=l variant=primary overbackground=true quiet=true", - "spectrum-link-l-primary-quiet-overbackground-version": "6.1.0", - "spectrum-link-l-primary-overbackground-name": "Link (l-primary-overbackground)", - "spectrum-link-l-primary-overbackground-description": "Link with options size=l variant=primary overbackground=true quiet=false", - "spectrum-link-l-primary-overbackground-version": "6.1.0", - "spectrum-link-l-primary-quiet-name": "Link (l-primary-quiet)", - "spectrum-link-l-primary-quiet-description": "Link with options size=l variant=primary overbackground=false quiet=true", - "spectrum-link-l-primary-quiet-version": "6.1.0", - "spectrum-link-l-primary-name": "Link (l-primary)", - "spectrum-link-l-primary-description": "Link with options size=l variant=primary overbackground=false quiet=false", - "spectrum-link-l-primary-version": "6.1.0", - "spectrum-link-l-secondary-quiet-overbackground-name": "Link (l-secondary-quiet-overbackground)", - "spectrum-link-l-secondary-quiet-overbackground-description": "Link with options size=l variant=secondary overbackground=true quiet=true", - "spectrum-link-l-secondary-quiet-overbackground-version": "6.1.0", - "spectrum-link-l-secondary-overbackground-name": "Link (l-secondary-overbackground)", - "spectrum-link-l-secondary-overbackground-description": "Link with options size=l variant=secondary overbackground=true quiet=false", - "spectrum-link-l-secondary-overbackground-version": "6.1.0", - "spectrum-link-l-secondary-quiet-name": "Link (l-secondary-quiet)", - "spectrum-link-l-secondary-quiet-description": "Link with options size=l variant=secondary overbackground=false quiet=true", - "spectrum-link-l-secondary-quiet-version": "6.1.0", - "spectrum-link-l-secondary-name": "Link (l-secondary)", - "spectrum-link-l-secondary-description": "Link with options size=l variant=secondary overbackground=false quiet=false", - "spectrum-link-l-secondary-version": "6.1.0", - "spectrum-link-xl-primary-quiet-overbackground-name": "Link (xl-primary-quiet-overbackground)", - "spectrum-link-xl-primary-quiet-overbackground-description": "Link with options size=xl variant=primary overbackground=true quiet=true", - "spectrum-link-xl-primary-quiet-overbackground-version": "6.1.0", - "spectrum-link-xl-primary-overbackground-name": "Link (xl-primary-overbackground)", - "spectrum-link-xl-primary-overbackground-description": "Link with options size=xl variant=primary overbackground=true quiet=false", - "spectrum-link-xl-primary-overbackground-version": "6.1.0", - "spectrum-link-xl-primary-quiet-name": "Link (xl-primary-quiet)", - "spectrum-link-xl-primary-quiet-description": "Link with options size=xl variant=primary overbackground=false quiet=true", - "spectrum-link-xl-primary-quiet-version": "6.1.0", - "spectrum-link-xl-primary-name": "Link (xl-primary)", - "spectrum-link-xl-primary-description": "Link with options size=xl variant=primary overbackground=false quiet=false", - "spectrum-link-xl-primary-version": "6.1.0", - "spectrum-link-xl-secondary-quiet-overbackground-name": "Link (xl-secondary-quiet-overbackground)", - "spectrum-link-xl-secondary-quiet-overbackground-description": "Link with options size=xl variant=secondary overbackground=true quiet=true", - "spectrum-link-xl-secondary-quiet-overbackground-version": "6.1.0", - "spectrum-link-xl-secondary-overbackground-name": "Link (xl-secondary-overbackground)", - "spectrum-link-xl-secondary-overbackground-description": "Link with options size=xl variant=secondary overbackground=true quiet=false", - "spectrum-link-xl-secondary-overbackground-version": "6.1.0", - "spectrum-link-xl-secondary-quiet-name": "Link (xl-secondary-quiet)", - "spectrum-link-xl-secondary-quiet-description": "Link with options size=xl variant=secondary overbackground=false quiet=true", - "spectrum-link-xl-secondary-quiet-version": "6.1.0", - "spectrum-link-xl-secondary-name": "Link (xl-secondary)", - "spectrum-link-xl-secondary-description": "Link with options size=xl variant=secondary overbackground=false quiet=false", - "spectrum-link-xl-secondary-version": "6.1.0", - "spectrum-listitem-s-texticon-name": "ListItem (s-texticon)", - "spectrum-listitem-s-texticon-description": "ListItem with options size=s content=texticon", - "spectrum-listitem-s-texticon-status": "Verified", - "spectrum-listitem-s-texticon-version": "2.0.0", - "spectrum-listitem-s-textonly-name": "ListItem (s-textonly)", - "spectrum-listitem-s-textonly-description": "ListItem with options size=s content=textonly", - "spectrum-listitem-s-textonly-status": "Verified", - "spectrum-listitem-s-textonly-version": "2.0.0", - "spectrum-listitem-s-textthumbnail-name": "ListItem (s-textthumbnail)", - "spectrum-listitem-s-textthumbnail-description": "ListItem with options size=s content=textthumbnail", - "spectrum-listitem-s-textthumbnail-status": "Verified", - "spectrum-listitem-s-textthumbnail-version": "2.0.0", - "spectrum-listitem-m-texticon-name": "ListItem (m-texticon)", - "spectrum-listitem-m-texticon-description": "ListItem with options size=m content=texticon", - "spectrum-listitem-m-texticon-status": "Verified", - "spectrum-listitem-m-texticon-version": "2.0.0", - "spectrum-listitem-m-textonly-name": "ListItem (m-textonly)", - "spectrum-listitem-m-textonly-description": "ListItem with options size=m content=textonly", - "spectrum-listitem-m-textonly-status": "Verified", - "spectrum-listitem-m-textonly-version": "2.0.0", - "spectrum-listitem-m-textthumbnail-name": "ListItem (m-textthumbnail)", - "spectrum-listitem-m-textthumbnail-description": "ListItem with options size=m content=textthumbnail", - "spectrum-listitem-m-textthumbnail-status": "Verified", - "spectrum-listitem-m-textthumbnail-version": "2.0.0", - "spectrum-listitem-l-texticon-name": "ListItem (l-texticon)", - "spectrum-listitem-l-texticon-description": "ListItem with options size=l content=texticon", - "spectrum-listitem-l-texticon-status": "Verified", - "spectrum-listitem-l-texticon-version": "2.0.0", - "spectrum-listitem-l-textonly-name": "ListItem (l-textonly)", - "spectrum-listitem-l-textonly-description": "ListItem with options size=l content=textonly", - "spectrum-listitem-l-textonly-status": "Verified", - "spectrum-listitem-l-textonly-version": "2.0.0", - "spectrum-listitem-l-textthumbnail-name": "ListItem (l-textthumbnail)", - "spectrum-listitem-l-textthumbnail-description": "ListItem with options size=l content=textthumbnail", - "spectrum-listitem-l-textthumbnail-status": "Verified", - "spectrum-listitem-l-textthumbnail-version": "2.0.0", - "spectrum-listitem-xl-texticon-name": "ListItem (xl-texticon)", - "spectrum-listitem-xl-texticon-description": "ListItem with options size=xl content=texticon", - "spectrum-listitem-xl-texticon-status": "Verified", - "spectrum-listitem-xl-texticon-version": "2.0.0", - "spectrum-listitem-xl-textonly-name": "ListItem (xl-textonly)", - "spectrum-listitem-xl-textonly-description": "ListItem with options size=xl content=textonly", - "spectrum-listitem-xl-textonly-status": "Verified", - "spectrum-listitem-xl-textonly-version": "2.0.0", - "spectrum-listitem-xl-textthumbnail-name": "ListItem (xl-textthumbnail)", - "spectrum-listitem-xl-textthumbnail-description": "ListItem with options size=xl content=textthumbnail", - "spectrum-listitem-xl-textthumbnail-status": "Verified", - "spectrum-listitem-xl-textthumbnail-version": "2.0.0", - "spectrum-logicbutton-and-name": "LogicButton (and)", - "spectrum-logicbutton-and-description": "LogicButton with options variant=and", - "spectrum-logicbutton-and-status": "Contribution", - "spectrum-logicbutton-and-version": "1.0.0", - "spectrum-logicbutton-or-name": "LogicButton (or)", - "spectrum-logicbutton-or-description": "LogicButton with options variant=or", - "spectrum-logicbutton-or-status": "Contribution", - "spectrum-logicbutton-or-version": "1.0.0", - "spectrum-meter-s-negative-overbackground-name": "Meter (s-negative-overbackground)", - "spectrum-meter-s-negative-overbackground-description": "Meter with options size=s variant=negative overbackground=true", - "spectrum-meter-s-negative-overbackground-status": "Verified", - "spectrum-meter-s-negative-overbackground-version": "6.1.0", - "spectrum-meter-s-negative-name": "Meter (s-negative)", - "spectrum-meter-s-negative-description": "Meter with options size=s variant=negative overbackground=false", - "spectrum-meter-s-negative-status": "Verified", - "spectrum-meter-s-negative-version": "6.1.0", - "spectrum-meter-s-notice-overbackground-name": "Meter (s-notice-overbackground)", - "spectrum-meter-s-notice-overbackground-description": "Meter with options size=s variant=notice overbackground=true", - "spectrum-meter-s-notice-overbackground-status": "Verified", - "spectrum-meter-s-notice-overbackground-version": "6.1.0", - "spectrum-meter-s-notice-name": "Meter (s-notice)", - "spectrum-meter-s-notice-description": "Meter with options size=s variant=notice overbackground=false", - "spectrum-meter-s-notice-status": "Verified", - "spectrum-meter-s-notice-version": "6.1.0", - "spectrum-meter-s-positive-overbackground-name": "Meter (s-positive-overbackground)", - "spectrum-meter-s-positive-overbackground-description": "Meter with options size=s variant=positive overbackground=true", - "spectrum-meter-s-positive-overbackground-status": "Verified", - "spectrum-meter-s-positive-overbackground-version": "6.1.0", - "spectrum-meter-s-positive-name": "Meter (s-positive)", - "spectrum-meter-s-positive-description": "Meter with options size=s variant=positive overbackground=false", - "spectrum-meter-s-positive-status": "Verified", - "spectrum-meter-s-positive-version": "6.1.0", - "spectrum-meter-m-negative-overbackground-name": "Meter (m-negative-overbackground)", - "spectrum-meter-m-negative-overbackground-description": "Meter with options size=m variant=negative overbackground=true", - "spectrum-meter-m-negative-overbackground-status": "Verified", - "spectrum-meter-m-negative-overbackground-version": "6.1.0", - "spectrum-meter-m-negative-name": "Meter (m-negative)", - "spectrum-meter-m-negative-description": "Meter with options size=m variant=negative overbackground=false", - "spectrum-meter-m-negative-status": "Verified", - "spectrum-meter-m-negative-version": "6.1.0", - "spectrum-meter-m-notice-overbackground-name": "Meter (m-notice-overbackground)", - "spectrum-meter-m-notice-overbackground-description": "Meter with options size=m variant=notice overbackground=true", - "spectrum-meter-m-notice-overbackground-status": "Verified", - "spectrum-meter-m-notice-overbackground-version": "6.1.0", - "spectrum-meter-m-notice-name": "Meter (m-notice)", - "spectrum-meter-m-notice-description": "Meter with options size=m variant=notice overbackground=false", - "spectrum-meter-m-notice-status": "Verified", - "spectrum-meter-m-notice-version": "6.1.0", - "spectrum-meter-m-positive-overbackground-name": "Meter (m-positive-overbackground)", - "spectrum-meter-m-positive-overbackground-description": "Meter with options size=m variant=positive overbackground=true", - "spectrum-meter-m-positive-overbackground-status": "Verified", - "spectrum-meter-m-positive-overbackground-version": "6.1.0", - "spectrum-meter-m-positive-name": "Meter (m-positive)", - "spectrum-meter-m-positive-description": "Meter with options size=m variant=positive overbackground=false", - "spectrum-meter-m-positive-status": "Verified", - "spectrum-meter-m-positive-version": "6.1.0", - "spectrum-meter-l-negative-overbackground-name": "Meter (l-negative-overbackground)", - "spectrum-meter-l-negative-overbackground-description": "Meter with options size=l variant=negative overbackground=true", - "spectrum-meter-l-negative-overbackground-status": "Verified", - "spectrum-meter-l-negative-overbackground-version": "6.1.0", - "spectrum-meter-l-negative-name": "Meter (l-negative)", - "spectrum-meter-l-negative-description": "Meter with options size=l variant=negative overbackground=false", - "spectrum-meter-l-negative-status": "Verified", - "spectrum-meter-l-negative-version": "6.1.0", - "spectrum-meter-l-notice-overbackground-name": "Meter (l-notice-overbackground)", - "spectrum-meter-l-notice-overbackground-description": "Meter with options size=l variant=notice overbackground=true", - "spectrum-meter-l-notice-overbackground-status": "Verified", - "spectrum-meter-l-notice-overbackground-version": "6.1.0", - "spectrum-meter-l-notice-name": "Meter (l-notice)", - "spectrum-meter-l-notice-description": "Meter with options size=l variant=notice overbackground=false", - "spectrum-meter-l-notice-status": "Verified", - "spectrum-meter-l-notice-version": "6.1.0", - "spectrum-meter-l-positive-overbackground-name": "Meter (l-positive-overbackground)", - "spectrum-meter-l-positive-overbackground-description": "Meter with options size=l variant=positive overbackground=true", - "spectrum-meter-l-positive-overbackground-status": "Verified", - "spectrum-meter-l-positive-overbackground-version": "6.1.0", - "spectrum-meter-l-positive-name": "Meter (l-positive)", - "spectrum-meter-l-positive-description": "Meter with options size=l variant=positive overbackground=false", - "spectrum-meter-l-positive-status": "Verified", - "spectrum-meter-l-positive-version": "6.1.0", - "spectrum-meter-xl-negative-overbackground-name": "Meter (xl-negative-overbackground)", - "spectrum-meter-xl-negative-overbackground-description": "Meter with options size=xl variant=negative overbackground=true", - "spectrum-meter-xl-negative-overbackground-status": "Verified", - "spectrum-meter-xl-negative-overbackground-version": "6.1.0", - "spectrum-meter-xl-negative-name": "Meter (xl-negative)", - "spectrum-meter-xl-negative-description": "Meter with options size=xl variant=negative overbackground=false", - "spectrum-meter-xl-negative-status": "Verified", - "spectrum-meter-xl-negative-version": "6.1.0", - "spectrum-meter-xl-notice-overbackground-name": "Meter (xl-notice-overbackground)", - "spectrum-meter-xl-notice-overbackground-description": "Meter with options size=xl variant=notice overbackground=true", - "spectrum-meter-xl-notice-overbackground-status": "Verified", - "spectrum-meter-xl-notice-overbackground-version": "6.1.0", - "spectrum-meter-xl-notice-name": "Meter (xl-notice)", - "spectrum-meter-xl-notice-description": "Meter with options size=xl variant=notice overbackground=false", - "spectrum-meter-xl-notice-status": "Verified", - "spectrum-meter-xl-notice-version": "6.1.0", - "spectrum-meter-xl-positive-overbackground-name": "Meter (xl-positive-overbackground)", - "spectrum-meter-xl-positive-overbackground-description": "Meter with options size=xl variant=positive overbackground=true", - "spectrum-meter-xl-positive-overbackground-status": "Verified", - "spectrum-meter-xl-positive-overbackground-version": "6.1.0", - "spectrum-meter-xl-positive-name": "Meter (xl-positive)", - "spectrum-meter-xl-positive-description": "Meter with options size=xl variant=positive overbackground=false", - "spectrum-meter-xl-positive-status": "Verified", - "spectrum-meter-xl-positive-version": "6.1.0", - "spectrum-millercolumn-name": "MillerColumn (default)", - "spectrum-millercolumn-description": "MillerColumn with no options", - "spectrum-millercolumn-status": "Contribution", - "spectrum-millercolumn-version": "1.0.0", - "spectrum-opacitycheckerboard-name": "OpacityCheckerboard (default)", - "spectrum-opacitycheckerboard-description": "OpacityCheckerboard with no options", - "spectrum-opacitycheckerboard-version": "1.0.0", - "spectrum-pagination-name": "Pagination (default)", - "spectrum-pagination-description": "Pagination with options variant=default", - "spectrum-pagination-version": "1.0.0", - "spectrum-pagination-button-name": "Pagination (button)", - "spectrum-pagination-button-description": "Pagination with options variant=button", - "spectrum-pagination-button-version": "1.0.0", - "spectrum-pagination-explicit-name": "Pagination (explicit)", - "spectrum-pagination-explicit-description": "Pagination with options variant=explicit", - "spectrum-pagination-explicit-version": "1.0.0", - "spectrum-pagination-listing-name": "Pagination (listing)", - "spectrum-pagination-listing-description": "Pagination with options variant=listing", - "spectrum-pagination-listing-version": "1.0.0", - "spectrum-panel-s-collapsible-name": "Panel (s-collapsible)", - "spectrum-panel-s-collapsible-description": "Panel with options size=s density=regular collapsible=true", - "spectrum-panel-s-collapsible-status": "Verified", - "spectrum-panel-s-collapsible-version": "1.0.0", - "spectrum-panel-s-name": "Panel (s)", - "spectrum-panel-s-description": "Panel with options size=s density=regular collapsible=false", - "spectrum-panel-s-status": "Verified", - "spectrum-panel-s-version": "1.0.0", - "spectrum-panel-s-spacious-collapsible-name": "Panel (s-spacious-collapsible)", - "spectrum-panel-s-spacious-collapsible-description": "Panel with options size=s density=spacious collapsible=true", - "spectrum-panel-s-spacious-collapsible-status": "Verified", - "spectrum-panel-s-spacious-collapsible-version": "1.0.0", - "spectrum-panel-s-spacious-name": "Panel (s-spacious)", - "spectrum-panel-s-spacious-description": "Panel with options size=s density=spacious collapsible=false", - "spectrum-panel-s-spacious-status": "Verified", - "spectrum-panel-s-spacious-version": "1.0.0", - "spectrum-panel-l-collapsible-name": "Panel (l-collapsible)", - "spectrum-panel-l-collapsible-description": "Panel with options size=l density=regular collapsible=true", - "spectrum-panel-l-collapsible-status": "Verified", - "spectrum-panel-l-collapsible-version": "1.0.0", - "spectrum-panel-l-name": "Panel (l)", - "spectrum-panel-l-description": "Panel with options size=l density=regular collapsible=false", - "spectrum-panel-l-status": "Verified", - "spectrum-panel-l-version": "1.0.0", - "spectrum-panel-l-spacious-collapsible-name": "Panel (l-spacious-collapsible)", - "spectrum-panel-l-spacious-collapsible-description": "Panel with options size=l density=spacious collapsible=true", - "spectrum-panel-l-spacious-collapsible-status": "Verified", - "spectrum-panel-l-spacious-collapsible-version": "1.0.0", - "spectrum-panel-l-spacious-name": "Panel (l-spacious)", - "spectrum-panel-l-spacious-description": "Panel with options size=l density=spacious collapsible=false", - "spectrum-panel-l-spacious-status": "Verified", - "spectrum-panel-l-spacious-version": "1.0.0", - "spectrum-picker-s-quiet-texticon-name": "Picker (s-quiet-texticon)", - "spectrum-picker-s-quiet-texticon-description": "Picker with options size=s content=texticon quiet=true", - "spectrum-picker-s-quiet-texticon-status": "Verified", - "spectrum-picker-s-quiet-texticon-version": "8.1.2", - "spectrum-picker-s-texticon-name": "Picker (s-texticon)", - "spectrum-picker-s-texticon-description": "Picker with options size=s content=texticon quiet=false", - "spectrum-picker-s-texticon-status": "Verified", - "spectrum-picker-s-texticon-version": "8.1.2", - "spectrum-picker-s-quiet-textonly-name": "Picker (s-quiet-textonly)", - "spectrum-picker-s-quiet-textonly-description": "Picker with options size=s content=textonly quiet=true", - "spectrum-picker-s-quiet-textonly-status": "Verified", - "spectrum-picker-s-quiet-textonly-version": "8.1.2", - "spectrum-picker-s-textonly-name": "Picker (s-textonly)", - "spectrum-picker-s-textonly-description": "Picker with options size=s content=textonly quiet=false", - "spectrum-picker-s-textonly-status": "Verified", - "spectrum-picker-s-textonly-version": "8.1.2", - "spectrum-picker-s-quiet-textthumbnail-name": "Picker (s-quiet-textthumbnail)", - "spectrum-picker-s-quiet-textthumbnail-description": "Picker with options size=s content=textthumbnail quiet=true", - "spectrum-picker-s-quiet-textthumbnail-status": "Verified", - "spectrum-picker-s-quiet-textthumbnail-version": "8.1.2", - "spectrum-picker-s-textthumbnail-name": "Picker (s-textthumbnail)", - "spectrum-picker-s-textthumbnail-description": "Picker with options size=s content=textthumbnail quiet=false", - "spectrum-picker-s-textthumbnail-status": "Verified", - "spectrum-picker-s-textthumbnail-version": "8.1.2", - "spectrum-picker-m-quiet-texticon-name": "Picker (m-quiet-texticon)", - "spectrum-picker-m-quiet-texticon-description": "Picker with options size=m content=texticon quiet=true", - "spectrum-picker-m-quiet-texticon-status": "Verified", - "spectrum-picker-m-quiet-texticon-version": "8.1.2", - "spectrum-picker-m-texticon-name": "Picker (m-texticon)", - "spectrum-picker-m-texticon-description": "Picker with options size=m content=texticon quiet=false", - "spectrum-picker-m-texticon-status": "Verified", - "spectrum-picker-m-texticon-version": "8.1.2", - "spectrum-picker-m-quiet-textonly-name": "Picker (m-quiet-textonly)", - "spectrum-picker-m-quiet-textonly-description": "Picker with options size=m content=textonly quiet=true", - "spectrum-picker-m-quiet-textonly-status": "Verified", - "spectrum-picker-m-quiet-textonly-version": "8.1.2", - "spectrum-picker-m-textonly-name": "Picker (m-textonly)", - "spectrum-picker-m-textonly-description": "Picker with options size=m content=textonly quiet=false", - "spectrum-picker-m-textonly-status": "Verified", - "spectrum-picker-m-textonly-version": "8.1.2", - "spectrum-picker-m-quiet-textthumbnail-name": "Picker (m-quiet-textthumbnail)", - "spectrum-picker-m-quiet-textthumbnail-description": "Picker with options size=m content=textthumbnail quiet=true", - "spectrum-picker-m-quiet-textthumbnail-status": "Verified", - "spectrum-picker-m-quiet-textthumbnail-version": "8.1.2", - "spectrum-picker-m-textthumbnail-name": "Picker (m-textthumbnail)", - "spectrum-picker-m-textthumbnail-description": "Picker with options size=m content=textthumbnail quiet=false", - "spectrum-picker-m-textthumbnail-status": "Verified", - "spectrum-picker-m-textthumbnail-version": "8.1.2", - "spectrum-picker-l-quiet-texticon-name": "Picker (l-quiet-texticon)", - "spectrum-picker-l-quiet-texticon-description": "Picker with options size=l content=texticon quiet=true", - "spectrum-picker-l-quiet-texticon-status": "Verified", - "spectrum-picker-l-quiet-texticon-version": "8.1.2", - "spectrum-picker-l-texticon-name": "Picker (l-texticon)", - "spectrum-picker-l-texticon-description": "Picker with options size=l content=texticon quiet=false", - "spectrum-picker-l-texticon-status": "Verified", - "spectrum-picker-l-texticon-version": "8.1.2", - "spectrum-picker-l-quiet-textonly-name": "Picker (l-quiet-textonly)", - "spectrum-picker-l-quiet-textonly-description": "Picker with options size=l content=textonly quiet=true", - "spectrum-picker-l-quiet-textonly-status": "Verified", - "spectrum-picker-l-quiet-textonly-version": "8.1.2", - "spectrum-picker-l-textonly-name": "Picker (l-textonly)", - "spectrum-picker-l-textonly-description": "Picker with options size=l content=textonly quiet=false", - "spectrum-picker-l-textonly-status": "Verified", - "spectrum-picker-l-textonly-version": "8.1.2", - "spectrum-picker-l-quiet-textthumbnail-name": "Picker (l-quiet-textthumbnail)", - "spectrum-picker-l-quiet-textthumbnail-description": "Picker with options size=l content=textthumbnail quiet=true", - "spectrum-picker-l-quiet-textthumbnail-status": "Verified", - "spectrum-picker-l-quiet-textthumbnail-version": "8.1.2", - "spectrum-picker-l-textthumbnail-name": "Picker (l-textthumbnail)", - "spectrum-picker-l-textthumbnail-description": "Picker with options size=l content=textthumbnail quiet=false", - "spectrum-picker-l-textthumbnail-status": "Verified", - "spectrum-picker-l-textthumbnail-version": "8.1.2", - "spectrum-picker-xl-quiet-texticon-name": "Picker (xl-quiet-texticon)", - "spectrum-picker-xl-quiet-texticon-description": "Picker with options size=xl content=texticon quiet=true", - "spectrum-picker-xl-quiet-texticon-status": "Verified", - "spectrum-picker-xl-quiet-texticon-version": "8.1.2", - "spectrum-picker-xl-texticon-name": "Picker (xl-texticon)", - "spectrum-picker-xl-texticon-description": "Picker with options size=xl content=texticon quiet=false", - "spectrum-picker-xl-texticon-status": "Verified", - "spectrum-picker-xl-texticon-version": "8.1.2", - "spectrum-picker-xl-quiet-textonly-name": "Picker (xl-quiet-textonly)", - "spectrum-picker-xl-quiet-textonly-description": "Picker with options size=xl content=textonly quiet=true", - "spectrum-picker-xl-quiet-textonly-status": "Verified", - "spectrum-picker-xl-quiet-textonly-version": "8.1.2", - "spectrum-picker-xl-textonly-name": "Picker (xl-textonly)", - "spectrum-picker-xl-textonly-description": "Picker with options size=xl content=textonly quiet=false", - "spectrum-picker-xl-textonly-status": "Verified", - "spectrum-picker-xl-textonly-version": "8.1.2", - "spectrum-picker-xl-quiet-textthumbnail-name": "Picker (xl-quiet-textthumbnail)", - "spectrum-picker-xl-quiet-textthumbnail-description": "Picker with options size=xl content=textthumbnail quiet=true", - "spectrum-picker-xl-quiet-textthumbnail-status": "Verified", - "spectrum-picker-xl-quiet-textthumbnail-version": "8.1.2", - "spectrum-picker-xl-textthumbnail-name": "Picker (xl-textthumbnail)", - "spectrum-picker-xl-textthumbnail-description": "Picker with options size=xl content=textthumbnail quiet=false", - "spectrum-picker-xl-textthumbnail-status": "Verified", - "spectrum-picker-xl-textthumbnail-version": "8.1.2", - "spectrum-pickerbutton-s-left-textuiicon-name": "PickerButton (s-left-textuiicon)", - "spectrum-pickerbutton-s-left-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-s-right-textuiicon-name": "PickerButton (s-right-textuiicon)", - "spectrum-pickerbutton-s-right-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-s-none-textuiicon-name": "PickerButton (s-none-textuiicon)", - "spectrum-pickerbutton-s-none-textuiicon-description": "PickerButton with options size=s loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-s-left-uiicononly-name": "PickerButton (s-left-uiicononly)", - "spectrum-pickerbutton-s-left-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-s-right-uiicononly-name": "PickerButton (s-right-uiicononly)", - "spectrum-pickerbutton-s-right-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-s-none-uiicononly-name": "PickerButton (s-none-uiicononly)", - "spectrum-pickerbutton-s-none-uiicononly-description": "PickerButton with options size=s loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-s-left-icononly-name": "PickerButton (s-left-icononly)", - "spectrum-pickerbutton-s-left-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-s-left-icononly-version": "1.1.0", - "spectrum-pickerbutton-s-right-icononly-name": "PickerButton (s-right-icononly)", - "spectrum-pickerbutton-s-right-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-s-right-icononly-version": "1.1.0", - "spectrum-pickerbutton-s-none-icononly-name": "PickerButton (s-none-icononly)", - "spectrum-pickerbutton-s-none-icononly-description": "PickerButton with options size=s loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-s-none-icononly-version": "1.1.0", - "spectrum-pickerbutton-m-left-textuiicon-name": "PickerButton (m-left-textuiicon)", - "spectrum-pickerbutton-m-left-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-m-right-textuiicon-name": "PickerButton (m-right-textuiicon)", - "spectrum-pickerbutton-m-right-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-m-none-textuiicon-name": "PickerButton (m-none-textuiicon)", - "spectrum-pickerbutton-m-none-textuiicon-description": "PickerButton with options size=m loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-m-left-uiicononly-name": "PickerButton (m-left-uiicononly)", - "spectrum-pickerbutton-m-left-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-m-right-uiicononly-name": "PickerButton (m-right-uiicononly)", - "spectrum-pickerbutton-m-right-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-m-none-uiicononly-name": "PickerButton (m-none-uiicononly)", - "spectrum-pickerbutton-m-none-uiicononly-description": "PickerButton with options size=m loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-m-left-icononly-name": "PickerButton (m-left-icononly)", - "spectrum-pickerbutton-m-left-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-m-left-icononly-version": "1.1.0", - "spectrum-pickerbutton-m-right-icononly-name": "PickerButton (m-right-icononly)", - "spectrum-pickerbutton-m-right-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-m-right-icononly-version": "1.1.0", - "spectrum-pickerbutton-m-none-icononly-name": "PickerButton (m-none-icononly)", - "spectrum-pickerbutton-m-none-icononly-description": "PickerButton with options size=m loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-m-none-icononly-version": "1.1.0", - "spectrum-pickerbutton-l-left-textuiicon-name": "PickerButton (l-left-textuiicon)", - "spectrum-pickerbutton-l-left-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-l-right-textuiicon-name": "PickerButton (l-right-textuiicon)", - "spectrum-pickerbutton-l-right-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-l-none-textuiicon-name": "PickerButton (l-none-textuiicon)", - "spectrum-pickerbutton-l-none-textuiicon-description": "PickerButton with options size=l loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-l-left-uiicononly-name": "PickerButton (l-left-uiicononly)", - "spectrum-pickerbutton-l-left-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-l-right-uiicononly-name": "PickerButton (l-right-uiicononly)", - "spectrum-pickerbutton-l-right-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-l-none-uiicononly-name": "PickerButton (l-none-uiicononly)", - "spectrum-pickerbutton-l-none-uiicononly-description": "PickerButton with options size=l loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-l-left-icononly-name": "PickerButton (l-left-icononly)", - "spectrum-pickerbutton-l-left-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-l-left-icononly-version": "1.1.0", - "spectrum-pickerbutton-l-right-icononly-name": "PickerButton (l-right-icononly)", - "spectrum-pickerbutton-l-right-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-l-right-icononly-version": "1.1.0", - "spectrum-pickerbutton-l-none-icononly-name": "PickerButton (l-none-icononly)", - "spectrum-pickerbutton-l-none-icononly-description": "PickerButton with options size=l loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-l-none-icononly-version": "1.1.0", - "spectrum-pickerbutton-xl-left-textuiicon-name": "PickerButton (xl-left-textuiicon)", - "spectrum-pickerbutton-xl-left-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-xl-right-textuiicon-name": "PickerButton (xl-right-textuiicon)", - "spectrum-pickerbutton-xl-right-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-xl-none-textuiicon-name": "PickerButton (xl-none-textuiicon)", - "spectrum-pickerbutton-xl-none-textuiicon-description": "PickerButton with options size=xl loudness=medium content=textuiicon position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-textuiicon-version": "1.1.0", - "spectrum-pickerbutton-xl-left-uiicononly-name": "PickerButton (xl-left-uiicononly)", - "spectrum-pickerbutton-xl-left-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-xl-right-uiicononly-name": "PickerButton (xl-right-uiicononly)", - "spectrum-pickerbutton-xl-right-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-xl-none-uiicononly-name": "PickerButton (xl-none-uiicononly)", - "spectrum-pickerbutton-xl-none-uiicononly-description": "PickerButton with options size=xl loudness=medium content=uiicononly position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-uiicononly-version": "1.1.0", - "spectrum-pickerbutton-xl-left-icononly-name": "PickerButton (xl-left-icononly)", - "spectrum-pickerbutton-xl-left-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=left rounded=false open=false", - "spectrum-pickerbutton-xl-left-icononly-version": "1.1.0", - "spectrum-pickerbutton-xl-right-icononly-name": "PickerButton (xl-right-icononly)", - "spectrum-pickerbutton-xl-right-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=right rounded=false open=false", - "spectrum-pickerbutton-xl-right-icononly-version": "1.1.0", - "spectrum-pickerbutton-xl-none-icononly-name": "PickerButton (xl-none-icononly)", - "spectrum-pickerbutton-xl-none-icononly-description": "PickerButton with options size=xl loudness=medium content=icononly position=none rounded=false open=false", - "spectrum-pickerbutton-xl-none-icononly-version": "1.1.0", - "spectrum-popover-name": "Popover (default)", - "spectrum-popover-description": "Popover with no options", - "spectrum-popover-status": "Verified", - "spectrum-popover-version": "5.0.0", - "spectrum-progressbar-s-indeterminate-overbackground-name": "ProgressBar (s-indeterminate-overbackground)", - "spectrum-progressbar-s-indeterminate-overbackground-description": "ProgressBar with options size=s indeterminate=true overbackground=true", - "spectrum-progressbar-s-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-s-indeterminate-overbackground-version": "6.1.0", - "spectrum-progressbar-s-indeterminate-name": "ProgressBar (s-indeterminate)", - "spectrum-progressbar-s-indeterminate-description": "ProgressBar with options size=s indeterminate=true overbackground=false", - "spectrum-progressbar-s-indeterminate-status": "Verified", - "spectrum-progressbar-s-indeterminate-version": "6.1.0", - "spectrum-progressbar-s-overbackground-name": "ProgressBar (s-overbackground)", - "spectrum-progressbar-s-overbackground-description": "ProgressBar with options size=s indeterminate=false overbackground=true", - "spectrum-progressbar-s-overbackground-status": "Verified", - "spectrum-progressbar-s-overbackground-version": "6.1.0", - "spectrum-progressbar-s-name": "ProgressBar (s)", - "spectrum-progressbar-s-description": "ProgressBar with options size=s indeterminate=false overbackground=false", - "spectrum-progressbar-s-status": "Verified", - "spectrum-progressbar-s-version": "6.1.0", - "spectrum-progressbar-m-indeterminate-overbackground-name": "ProgressBar (m-indeterminate-overbackground)", - "spectrum-progressbar-m-indeterminate-overbackground-description": "ProgressBar with options size=m indeterminate=true overbackground=true", - "spectrum-progressbar-m-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-m-indeterminate-overbackground-version": "6.1.0", - "spectrum-progressbar-m-indeterminate-name": "ProgressBar (m-indeterminate)", - "spectrum-progressbar-m-indeterminate-description": "ProgressBar with options size=m indeterminate=true overbackground=false", - "spectrum-progressbar-m-indeterminate-status": "Verified", - "spectrum-progressbar-m-indeterminate-version": "6.1.0", - "spectrum-progressbar-m-overbackground-name": "ProgressBar (m-overbackground)", - "spectrum-progressbar-m-overbackground-description": "ProgressBar with options size=m indeterminate=false overbackground=true", - "spectrum-progressbar-m-overbackground-status": "Verified", - "spectrum-progressbar-m-overbackground-version": "6.1.0", - "spectrum-progressbar-m-name": "ProgressBar (m)", - "spectrum-progressbar-m-description": "ProgressBar with options size=m indeterminate=false overbackground=false", - "spectrum-progressbar-m-status": "Verified", - "spectrum-progressbar-m-version": "6.1.0", - "spectrum-progressbar-l-indeterminate-overbackground-name": "ProgressBar (l-indeterminate-overbackground)", - "spectrum-progressbar-l-indeterminate-overbackground-description": "ProgressBar with options size=l indeterminate=true overbackground=true", - "spectrum-progressbar-l-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-l-indeterminate-overbackground-version": "6.1.0", - "spectrum-progressbar-l-indeterminate-name": "ProgressBar (l-indeterminate)", - "spectrum-progressbar-l-indeterminate-description": "ProgressBar with options size=l indeterminate=true overbackground=false", - "spectrum-progressbar-l-indeterminate-status": "Verified", - "spectrum-progressbar-l-indeterminate-version": "6.1.0", - "spectrum-progressbar-l-overbackground-name": "ProgressBar (l-overbackground)", - "spectrum-progressbar-l-overbackground-description": "ProgressBar with options size=l indeterminate=false overbackground=true", - "spectrum-progressbar-l-overbackground-status": "Verified", - "spectrum-progressbar-l-overbackground-version": "6.1.0", - "spectrum-progressbar-l-name": "ProgressBar (l)", - "spectrum-progressbar-l-description": "ProgressBar with options size=l indeterminate=false overbackground=false", - "spectrum-progressbar-l-status": "Verified", - "spectrum-progressbar-l-version": "6.1.0", - "spectrum-progressbar-xl-indeterminate-overbackground-name": "ProgressBar (xl-indeterminate-overbackground)", - "spectrum-progressbar-xl-indeterminate-overbackground-description": "ProgressBar with options size=xl indeterminate=true overbackground=true", - "spectrum-progressbar-xl-indeterminate-overbackground-status": "Verified", - "spectrum-progressbar-xl-indeterminate-overbackground-version": "6.1.0", - "spectrum-progressbar-xl-indeterminate-name": "ProgressBar (xl-indeterminate)", - "spectrum-progressbar-xl-indeterminate-description": "ProgressBar with options size=xl indeterminate=true overbackground=false", - "spectrum-progressbar-xl-indeterminate-status": "Verified", - "spectrum-progressbar-xl-indeterminate-version": "6.1.0", - "spectrum-progressbar-xl-overbackground-name": "ProgressBar (xl-overbackground)", - "spectrum-progressbar-xl-overbackground-description": "ProgressBar with options size=xl indeterminate=false overbackground=true", - "spectrum-progressbar-xl-overbackground-status": "Verified", - "spectrum-progressbar-xl-overbackground-version": "6.1.0", - "spectrum-progressbar-xl-name": "ProgressBar (xl)", - "spectrum-progressbar-xl-description": "ProgressBar with options size=xl indeterminate=false overbackground=false", - "spectrum-progressbar-xl-status": "Verified", - "spectrum-progressbar-xl-version": "6.1.0", - "spectrum-progresscircle-s-indeterminate-overbackground-name": "ProgressCircle (s-indeterminate-overbackground)", - "spectrum-progresscircle-s-indeterminate-overbackground-description": "ProgressCircle with options size=s indeterminate=true overbackground=true", - "spectrum-progresscircle-s-indeterminate-overbackground-status": "Verified", - "spectrum-progresscircle-s-indeterminate-overbackground-version": "6.0.0", - "spectrum-progresscircle-s-indeterminate-name": "ProgressCircle (s-indeterminate)", - "spectrum-progresscircle-s-indeterminate-description": "ProgressCircle with options size=s indeterminate=true overbackground=false", - "spectrum-progresscircle-s-indeterminate-status": "Verified", - "spectrum-progresscircle-s-indeterminate-version": "6.0.0", - "spectrum-progresscircle-s-overbackground-name": "ProgressCircle (s-overbackground)", - "spectrum-progresscircle-s-overbackground-description": "ProgressCircle with options size=s indeterminate=false overbackground=true", - "spectrum-progresscircle-s-overbackground-status": "Verified", - "spectrum-progresscircle-s-overbackground-version": "6.0.0", - "spectrum-progresscircle-s-name": "ProgressCircle (s)", - "spectrum-progresscircle-s-description": "ProgressCircle with options size=s indeterminate=false overbackground=false", - "spectrum-progresscircle-s-status": "Verified", - "spectrum-progresscircle-s-version": "6.0.0", - "spectrum-progresscircle-m-indeterminate-overbackground-name": "ProgressCircle (m-indeterminate-overbackground)", - "spectrum-progresscircle-m-indeterminate-overbackground-description": "ProgressCircle with options size=m indeterminate=true overbackground=true", - "spectrum-progresscircle-m-indeterminate-overbackground-status": "Verified", - "spectrum-progresscircle-m-indeterminate-overbackground-version": "6.0.0", - "spectrum-progresscircle-m-indeterminate-name": "ProgressCircle (m-indeterminate)", - "spectrum-progresscircle-m-indeterminate-description": "ProgressCircle with options size=m indeterminate=true overbackground=false", - "spectrum-progresscircle-m-indeterminate-status": "Verified", - "spectrum-progresscircle-m-indeterminate-version": "6.0.0", - "spectrum-progresscircle-m-overbackground-name": "ProgressCircle (m-overbackground)", - "spectrum-progresscircle-m-overbackground-description": "ProgressCircle with options size=m indeterminate=false overbackground=true", - "spectrum-progresscircle-m-overbackground-status": "Verified", - "spectrum-progresscircle-m-overbackground-version": "6.0.0", - "spectrum-progresscircle-m-name": "ProgressCircle (m)", - "spectrum-progresscircle-m-description": "ProgressCircle with options size=m indeterminate=false overbackground=false", - "spectrum-progresscircle-m-status": "Verified", - "spectrum-progresscircle-m-version": "6.0.0", - "spectrum-progresscircle-l-indeterminate-overbackground-name": "ProgressCircle (l-indeterminate-overbackground)", - "spectrum-progresscircle-l-indeterminate-overbackground-description": "ProgressCircle with options size=l indeterminate=true overbackground=true", - "spectrum-progresscircle-l-indeterminate-overbackground-status": "Verified", - "spectrum-progresscircle-l-indeterminate-overbackground-version": "6.0.0", - "spectrum-progresscircle-l-indeterminate-name": "ProgressCircle (l-indeterminate)", - "spectrum-progresscircle-l-indeterminate-description": "ProgressCircle with options size=l indeterminate=true overbackground=false", - "spectrum-progresscircle-l-indeterminate-status": "Verified", - "spectrum-progresscircle-l-indeterminate-version": "6.0.0", - "spectrum-progresscircle-l-overbackground-name": "ProgressCircle (l-overbackground)", - "spectrum-progresscircle-l-overbackground-description": "ProgressCircle with options size=l indeterminate=false overbackground=true", - "spectrum-progresscircle-l-overbackground-status": "Verified", - "spectrum-progresscircle-l-overbackground-version": "6.0.0", - "spectrum-progresscircle-l-name": "ProgressCircle (l)", - "spectrum-progresscircle-l-description": "ProgressCircle with options size=l indeterminate=false overbackground=false", - "spectrum-progresscircle-l-status": "Verified", - "spectrum-progresscircle-l-version": "6.0.0", - "spectrum-quickactions-name": "QuickActions (default)", - "spectrum-quickactions-description": "QuickActions with no options", - "spectrum-quickactions-status": "Contribution", - "spectrum-quickactions-version": "5.1.0", - "spectrum-radio-s-emphasized-name": "Radio (s-emphasized)", - "spectrum-radio-s-emphasized-description": "Radio with options size=s emphasized=true", - "spectrum-radio-s-emphasized-status": "Verified", - "spectrum-radio-s-emphasized-version": "6.3.1", - "spectrum-radio-s-name": "Radio (s)", - "spectrum-radio-s-description": "Radio with options size=s emphasized=false", - "spectrum-radio-s-status": "Verified", - "spectrum-radio-s-version": "6.3.1", - "spectrum-radio-m-emphasized-name": "Radio (m-emphasized)", - "spectrum-radio-m-emphasized-description": "Radio with options size=m emphasized=true", - "spectrum-radio-m-emphasized-status": "Verified", - "spectrum-radio-m-emphasized-version": "6.3.1", - "spectrum-radio-m-name": "Radio (m)", - "spectrum-radio-m-description": "Radio with options size=m emphasized=false", - "spectrum-radio-m-status": "Verified", - "spectrum-radio-m-version": "6.3.1", - "spectrum-radio-l-emphasized-name": "Radio (l-emphasized)", - "spectrum-radio-l-emphasized-description": "Radio with options size=l emphasized=true", - "spectrum-radio-l-emphasized-status": "Verified", - "spectrum-radio-l-emphasized-version": "6.3.1", - "spectrum-radio-l-name": "Radio (l)", - "spectrum-radio-l-description": "Radio with options size=l emphasized=false", - "spectrum-radio-l-status": "Verified", - "spectrum-radio-l-version": "6.3.1", - "spectrum-radio-xl-emphasized-name": "Radio (xl-emphasized)", - "spectrum-radio-xl-emphasized-description": "Radio with options size=xl emphasized=true", - "spectrum-radio-xl-emphasized-status": "Verified", - "spectrum-radio-xl-emphasized-version": "6.3.1", - "spectrum-radio-xl-name": "Radio (xl)", - "spectrum-radio-xl-description": "Radio with options size=xl emphasized=false", - "spectrum-radio-xl-status": "Verified", - "spectrum-radio-xl-version": "6.3.1", - "spectrum-radiogroup-name": "RadioGroup (default)", - "spectrum-radiogroup-description": "RadioGroup with no options", - "spectrum-radiogroup-version": "1.0.0", - "spectrum-rating-emphasized-name": "Rating (emphasized)", - "spectrum-rating-emphasized-description": "Rating with options emphasized=true", - "spectrum-rating-emphasized-status": "Contribution", - "spectrum-rating-emphasized-version": "2.0.0", - "spectrum-rating-name": "Rating (default)", - "spectrum-rating-description": "Rating with options emphasized=false", - "spectrum-rating-status": "Contribution", - "spectrum-rating-version": "2.0.0", - "spectrum-scrollbar-s-name": "ScrollBar (s)", - "spectrum-scrollbar-s-description": "ScrollBar with options size=s staticColor=none platform=other", - "spectrum-scrollbar-s-version": "2.0.0", - "spectrum-scrollbar-mac-s-name": "ScrollBar (mac-s)", - "spectrum-scrollbar-mac-s-description": "ScrollBar with options size=s staticColor=none platform=mac", - "spectrum-scrollbar-mac-s-version": "2.0.0", - "spectrum-scrollbar-windows-s-name": "ScrollBar (windows-s)", - "spectrum-scrollbar-windows-s-description": "ScrollBar with options size=s staticColor=none platform=windows", - "spectrum-scrollbar-windows-s-version": "2.0.0", - "spectrum-scrollbar-android-s-name": "ScrollBar (android-s)", - "spectrum-scrollbar-android-s-description": "ScrollBar with options size=s staticColor=none platform=android", - "spectrum-scrollbar-android-s-version": "2.0.0", - "spectrum-scrollbar-s-white-name": "ScrollBar (s-white)", - "spectrum-scrollbar-s-white-description": "ScrollBar with options size=s staticColor=white platform=other", - "spectrum-scrollbar-s-white-version": "2.0.0", - "spectrum-scrollbar-mac-s-white-name": "ScrollBar (mac-s-white)", - "spectrum-scrollbar-mac-s-white-description": "ScrollBar with options size=s staticColor=white platform=mac", - "spectrum-scrollbar-mac-s-white-version": "2.0.0", - "spectrum-scrollbar-windows-s-white-name": "ScrollBar (windows-s-white)", - "spectrum-scrollbar-windows-s-white-description": "ScrollBar with options size=s staticColor=white platform=windows", - "spectrum-scrollbar-windows-s-white-version": "2.0.0", - "spectrum-scrollbar-android-s-white-name": "ScrollBar (android-s-white)", - "spectrum-scrollbar-android-s-white-description": "ScrollBar with options size=s staticColor=white platform=android", - "spectrum-scrollbar-android-s-white-version": "2.0.0", - "spectrum-scrollbar-m-name": "ScrollBar (m)", - "spectrum-scrollbar-m-description": "ScrollBar with options size=m staticColor=none platform=other", - "spectrum-scrollbar-m-version": "2.0.0", - "spectrum-scrollbar-mac-m-name": "ScrollBar (mac-m)", - "spectrum-scrollbar-mac-m-description": "ScrollBar with options size=m staticColor=none platform=mac", - "spectrum-scrollbar-mac-m-version": "2.0.0", - "spectrum-scrollbar-windows-m-name": "ScrollBar (windows-m)", - "spectrum-scrollbar-windows-m-description": "ScrollBar with options size=m staticColor=none platform=windows", - "spectrum-scrollbar-windows-m-version": "2.0.0", - "spectrum-scrollbar-android-m-name": "ScrollBar (android-m)", - "spectrum-scrollbar-android-m-description": "ScrollBar with options size=m staticColor=none platform=android", - "spectrum-scrollbar-android-m-version": "2.0.0", - "spectrum-scrollbar-m-white-name": "ScrollBar (m-white)", - "spectrum-scrollbar-m-white-description": "ScrollBar with options size=m staticColor=white platform=other", - "spectrum-scrollbar-m-white-version": "2.0.0", - "spectrum-scrollbar-mac-m-white-name": "ScrollBar (mac-m-white)", - "spectrum-scrollbar-mac-m-white-description": "ScrollBar with options size=m staticColor=white platform=mac", - "spectrum-scrollbar-mac-m-white-version": "2.0.0", - "spectrum-scrollbar-windows-m-white-name": "ScrollBar (windows-m-white)", - "spectrum-scrollbar-windows-m-white-description": "ScrollBar with options size=m staticColor=white platform=windows", - "spectrum-scrollbar-windows-m-white-version": "2.0.0", - "spectrum-scrollbar-android-m-white-name": "ScrollBar (android-m-white)", - "spectrum-scrollbar-android-m-white-description": "ScrollBar with options size=m staticColor=white platform=android", - "spectrum-scrollbar-android-m-white-version": "2.0.0", - "spectrum-scrollbar-l-name": "ScrollBar (l)", - "spectrum-scrollbar-l-description": "ScrollBar with options size=l staticColor=none platform=other", - "spectrum-scrollbar-l-version": "2.0.0", - "spectrum-scrollbar-mac-l-name": "ScrollBar (mac-l)", - "spectrum-scrollbar-mac-l-description": "ScrollBar with options size=l staticColor=none platform=mac", - "spectrum-scrollbar-mac-l-version": "2.0.0", - "spectrum-scrollbar-windows-l-name": "ScrollBar (windows-l)", - "spectrum-scrollbar-windows-l-description": "ScrollBar with options size=l staticColor=none platform=windows", - "spectrum-scrollbar-windows-l-version": "2.0.0", - "spectrum-scrollbar-android-l-name": "ScrollBar (android-l)", - "spectrum-scrollbar-android-l-description": "ScrollBar with options size=l staticColor=none platform=android", - "spectrum-scrollbar-android-l-version": "2.0.0", - "spectrum-scrollbar-l-white-name": "ScrollBar (l-white)", - "spectrum-scrollbar-l-white-description": "ScrollBar with options size=l staticColor=white platform=other", - "spectrum-scrollbar-l-white-version": "2.0.0", - "spectrum-scrollbar-mac-l-white-name": "ScrollBar (mac-l-white)", - "spectrum-scrollbar-mac-l-white-description": "ScrollBar with options size=l staticColor=white platform=mac", - "spectrum-scrollbar-mac-l-white-version": "2.0.0", - "spectrum-scrollbar-windows-l-white-name": "ScrollBar (windows-l-white)", - "spectrum-scrollbar-windows-l-white-description": "ScrollBar with options size=l staticColor=white platform=windows", - "spectrum-scrollbar-windows-l-white-version": "2.0.0", - "spectrum-scrollbar-android-l-white-name": "ScrollBar (android-l-white)", - "spectrum-scrollbar-android-l-white-description": "ScrollBar with options size=l staticColor=white platform=android", - "spectrum-scrollbar-android-l-white-version": "2.0.0", - "spectrum-search-s-quiet-name": "Search (s-quiet)", - "spectrum-search-s-quiet-description": "Search with options size=s quiet=true", - "spectrum-search-s-quiet-status": "Contribution", - "spectrum-search-s-quiet-version": "2.1.0", - "spectrum-search-s-name": "Search (s)", - "spectrum-search-s-description": "Search with options size=s quiet=false", - "spectrum-search-s-status": "Contribution", - "spectrum-search-s-version": "2.1.0", - "spectrum-search-m-quiet-name": "Search (m-quiet)", - "spectrum-search-m-quiet-description": "Search with options size=m quiet=true", - "spectrum-search-m-quiet-status": "Contribution", - "spectrum-search-m-quiet-version": "2.1.0", - "spectrum-search-m-name": "Search (m)", - "spectrum-search-m-description": "Search with options size=m quiet=false", - "spectrum-search-m-status": "Contribution", - "spectrum-search-m-version": "2.1.0", - "spectrum-search-l-quiet-name": "Search (l-quiet)", - "spectrum-search-l-quiet-description": "Search with options size=l quiet=true", - "spectrum-search-l-quiet-status": "Contribution", - "spectrum-search-l-quiet-version": "2.1.0", - "spectrum-search-l-name": "Search (l)", - "spectrum-search-l-description": "Search with options size=l quiet=false", - "spectrum-search-l-status": "Contribution", - "spectrum-search-l-version": "2.1.0", - "spectrum-search-xl-quiet-name": "Search (xl-quiet)", - "spectrum-search-xl-quiet-description": "Search with options size=xl quiet=true", - "spectrum-search-xl-quiet-status": "Contribution", - "spectrum-search-xl-quiet-version": "2.1.0", - "spectrum-search-xl-name": "Search (xl)", - "spectrum-search-xl-description": "Search with options size=xl quiet=false", - "spectrum-search-xl-status": "Contribution", - "spectrum-search-xl-version": "2.1.0", - "spectrum-searchwithin-s-quiet-name": "SearchWithin (s-quiet)", - "spectrum-searchwithin-s-quiet-description": "SearchWithin with options size=s quiet=true", - "spectrum-searchwithin-s-quiet-status": "Contribution", - "spectrum-searchwithin-s-quiet-version": "1.1.0", - "spectrum-searchwithin-s-name": "SearchWithin (s)", - "spectrum-searchwithin-s-description": "SearchWithin with options size=s quiet=false", - "spectrum-searchwithin-s-status": "Contribution", - "spectrum-searchwithin-s-version": "1.1.0", - "spectrum-searchwithin-m-quiet-name": "SearchWithin (m-quiet)", - "spectrum-searchwithin-m-quiet-description": "SearchWithin with options size=m quiet=true", - "spectrum-searchwithin-m-quiet-status": "Contribution", - "spectrum-searchwithin-m-quiet-version": "1.1.0", - "spectrum-searchwithin-m-name": "SearchWithin (m)", - "spectrum-searchwithin-m-description": "SearchWithin with options size=m quiet=false", - "spectrum-searchwithin-m-status": "Contribution", - "spectrum-searchwithin-m-version": "1.1.0", - "spectrum-searchwithin-l-quiet-name": "SearchWithin (l-quiet)", - "spectrum-searchwithin-l-quiet-description": "SearchWithin with options size=l quiet=true", - "spectrum-searchwithin-l-quiet-status": "Contribution", - "spectrum-searchwithin-l-quiet-version": "1.1.0", - "spectrum-searchwithin-l-name": "SearchWithin (l)", - "spectrum-searchwithin-l-description": "SearchWithin with options size=l quiet=false", - "spectrum-searchwithin-l-status": "Contribution", - "spectrum-searchwithin-l-version": "1.1.0", - "spectrum-searchwithin-xl-quiet-name": "SearchWithin (xl-quiet)", - "spectrum-searchwithin-xl-quiet-description": "SearchWithin with options size=xl quiet=true", - "spectrum-searchwithin-xl-quiet-status": "Contribution", - "spectrum-searchwithin-xl-quiet-version": "1.1.0", - "spectrum-searchwithin-xl-name": "SearchWithin (xl)", - "spectrum-searchwithin-xl-description": "SearchWithin with options size=xl quiet=false", - "spectrum-searchwithin-xl-status": "Contribution", - "spectrum-searchwithin-xl-version": "1.1.0", - "spectrum-sidenav-multilevel-name": "SideNav (multilevel)", - "spectrum-sidenav-multilevel-description": "SideNav with options multilevel=true", - "spectrum-sidenav-multilevel-status": "Verified", - "spectrum-sidenav-multilevel-version": "6.0.0", - "spectrum-sidenav-name": "SideNav (default)", - "spectrum-sidenav-description": "SideNav with options multilevel=false", - "spectrum-sidenav-status": "Verified", - "spectrum-sidenav-version": "6.0.0", - "spectrum-slider-s-tick-editable-name": "Slider (s-tick-editable)", - "spectrum-slider-s-tick-editable-description": "Slider with options size=s tick=true editable=true variant=default", - "spectrum-slider-s-tick-editable-status": "Verified", - "spectrum-slider-s-tick-editable-version": "7.0.0", - "spectrum-slider-s-ramp-tick-editable-name": "Slider (s-ramp-tick-editable)", - "spectrum-slider-s-ramp-tick-editable-description": "Slider with options size=s tick=true editable=true variant=ramp", - "spectrum-slider-s-ramp-tick-editable-status": "Verified", - "spectrum-slider-s-ramp-tick-editable-version": "7.0.0", - "spectrum-slider-s-range-tick-editable-name": "Slider (s-range-tick-editable)", - "spectrum-slider-s-range-tick-editable-description": "Slider with options size=s tick=true editable=true variant=range", - "spectrum-slider-s-range-tick-editable-status": "Verified", - "spectrum-slider-s-range-tick-editable-version": "7.0.0", - "spectrum-slider-s-tick-name": "Slider (s-tick)", - "spectrum-slider-s-tick-description": "Slider with options size=s tick=true editable=false variant=default", - "spectrum-slider-s-tick-status": "Verified", - "spectrum-slider-s-tick-version": "7.0.0", - "spectrum-slider-s-ramp-tick-name": "Slider (s-ramp-tick)", - "spectrum-slider-s-ramp-tick-description": "Slider with options size=s tick=true editable=false variant=ramp", - "spectrum-slider-s-ramp-tick-status": "Verified", - "spectrum-slider-s-ramp-tick-version": "7.0.0", - "spectrum-slider-s-range-tick-name": "Slider (s-range-tick)", - "spectrum-slider-s-range-tick-description": "Slider with options size=s tick=true editable=false variant=range", - "spectrum-slider-s-range-tick-status": "Verified", - "spectrum-slider-s-range-tick-version": "7.0.0", - "spectrum-slider-s-editable-name": "Slider (s-editable)", - "spectrum-slider-s-editable-description": "Slider with options size=s tick=false editable=true variant=default", - "spectrum-slider-s-editable-status": "Verified", - "spectrum-slider-s-editable-version": "7.0.0", - "spectrum-slider-s-ramp-editable-name": "Slider (s-ramp-editable)", - "spectrum-slider-s-ramp-editable-description": "Slider with options size=s tick=false editable=true variant=ramp", - "spectrum-slider-s-ramp-editable-status": "Verified", - "spectrum-slider-s-ramp-editable-version": "7.0.0", - "spectrum-slider-s-range-editable-name": "Slider (s-range-editable)", - "spectrum-slider-s-range-editable-description": "Slider with options size=s tick=false editable=true variant=range", - "spectrum-slider-s-range-editable-status": "Verified", - "spectrum-slider-s-range-editable-version": "7.0.0", - "spectrum-slider-s-name": "Slider (s)", - "spectrum-slider-s-description": "Slider with options size=s tick=false editable=false variant=default", - "spectrum-slider-s-status": "Verified", - "spectrum-slider-s-version": "7.0.0", - "spectrum-slider-s-ramp-name": "Slider (s-ramp)", - "spectrum-slider-s-ramp-description": "Slider with options size=s tick=false editable=false variant=ramp", - "spectrum-slider-s-ramp-status": "Verified", - "spectrum-slider-s-ramp-version": "7.0.0", - "spectrum-slider-s-range-name": "Slider (s-range)", - "spectrum-slider-s-range-description": "Slider with options size=s tick=false editable=false variant=range", - "spectrum-slider-s-range-status": "Verified", - "spectrum-slider-s-range-version": "7.0.0", - "spectrum-slider-m-tick-editable-name": "Slider (m-tick-editable)", - "spectrum-slider-m-tick-editable-description": "Slider with options size=m tick=true editable=true variant=default", - "spectrum-slider-m-tick-editable-status": "Verified", - "spectrum-slider-m-tick-editable-version": "7.0.0", - "spectrum-slider-m-ramp-tick-editable-name": "Slider (m-ramp-tick-editable)", - "spectrum-slider-m-ramp-tick-editable-description": "Slider with options size=m tick=true editable=true variant=ramp", - "spectrum-slider-m-ramp-tick-editable-status": "Verified", - "spectrum-slider-m-ramp-tick-editable-version": "7.0.0", - "spectrum-slider-m-range-tick-editable-name": "Slider (m-range-tick-editable)", - "spectrum-slider-m-range-tick-editable-description": "Slider with options size=m tick=true editable=true variant=range", - "spectrum-slider-m-range-tick-editable-status": "Verified", - "spectrum-slider-m-range-tick-editable-version": "7.0.0", - "spectrum-slider-m-tick-name": "Slider (m-tick)", - "spectrum-slider-m-tick-description": "Slider with options size=m tick=true editable=false variant=default", - "spectrum-slider-m-tick-status": "Verified", - "spectrum-slider-m-tick-version": "7.0.0", - "spectrum-slider-m-ramp-tick-name": "Slider (m-ramp-tick)", - "spectrum-slider-m-ramp-tick-description": "Slider with options size=m tick=true editable=false variant=ramp", - "spectrum-slider-m-ramp-tick-status": "Verified", - "spectrum-slider-m-ramp-tick-version": "7.0.0", - "spectrum-slider-m-range-tick-name": "Slider (m-range-tick)", - "spectrum-slider-m-range-tick-description": "Slider with options size=m tick=true editable=false variant=range", - "spectrum-slider-m-range-tick-status": "Verified", - "spectrum-slider-m-range-tick-version": "7.0.0", - "spectrum-slider-m-editable-name": "Slider (m-editable)", - "spectrum-slider-m-editable-description": "Slider with options size=m tick=false editable=true variant=default", - "spectrum-slider-m-editable-status": "Verified", - "spectrum-slider-m-editable-version": "7.0.0", - "spectrum-slider-m-ramp-editable-name": "Slider (m-ramp-editable)", - "spectrum-slider-m-ramp-editable-description": "Slider with options size=m tick=false editable=true variant=ramp", - "spectrum-slider-m-ramp-editable-status": "Verified", - "spectrum-slider-m-ramp-editable-version": "7.0.0", - "spectrum-slider-m-range-editable-name": "Slider (m-range-editable)", - "spectrum-slider-m-range-editable-description": "Slider with options size=m tick=false editable=true variant=range", - "spectrum-slider-m-range-editable-status": "Verified", - "spectrum-slider-m-range-editable-version": "7.0.0", - "spectrum-slider-m-name": "Slider (m)", - "spectrum-slider-m-description": "Slider with options size=m tick=false editable=false variant=default", - "spectrum-slider-m-status": "Verified", - "spectrum-slider-m-version": "7.0.0", - "spectrum-slider-m-ramp-name": "Slider (m-ramp)", - "spectrum-slider-m-ramp-description": "Slider with options size=m tick=false editable=false variant=ramp", - "spectrum-slider-m-ramp-status": "Verified", - "spectrum-slider-m-ramp-version": "7.0.0", - "spectrum-slider-m-range-name": "Slider (m-range)", - "spectrum-slider-m-range-description": "Slider with options size=m tick=false editable=false variant=range", - "spectrum-slider-m-range-status": "Verified", - "spectrum-slider-m-range-version": "7.0.0", - "spectrum-slider-l-tick-editable-name": "Slider (l-tick-editable)", - "spectrum-slider-l-tick-editable-description": "Slider with options size=l tick=true editable=true variant=default", - "spectrum-slider-l-tick-editable-status": "Verified", - "spectrum-slider-l-tick-editable-version": "7.0.0", - "spectrum-slider-l-ramp-tick-editable-name": "Slider (l-ramp-tick-editable)", - "spectrum-slider-l-ramp-tick-editable-description": "Slider with options size=l tick=true editable=true variant=ramp", - "spectrum-slider-l-ramp-tick-editable-status": "Verified", - "spectrum-slider-l-ramp-tick-editable-version": "7.0.0", - "spectrum-slider-l-range-tick-editable-name": "Slider (l-range-tick-editable)", - "spectrum-slider-l-range-tick-editable-description": "Slider with options size=l tick=true editable=true variant=range", - "spectrum-slider-l-range-tick-editable-status": "Verified", - "spectrum-slider-l-range-tick-editable-version": "7.0.0", - "spectrum-slider-l-tick-name": "Slider (l-tick)", - "spectrum-slider-l-tick-description": "Slider with options size=l tick=true editable=false variant=default", - "spectrum-slider-l-tick-status": "Verified", - "spectrum-slider-l-tick-version": "7.0.0", - "spectrum-slider-l-ramp-tick-name": "Slider (l-ramp-tick)", - "spectrum-slider-l-ramp-tick-description": "Slider with options size=l tick=true editable=false variant=ramp", - "spectrum-slider-l-ramp-tick-status": "Verified", - "spectrum-slider-l-ramp-tick-version": "7.0.0", - "spectrum-slider-l-range-tick-name": "Slider (l-range-tick)", - "spectrum-slider-l-range-tick-description": "Slider with options size=l tick=true editable=false variant=range", - "spectrum-slider-l-range-tick-status": "Verified", - "spectrum-slider-l-range-tick-version": "7.0.0", - "spectrum-slider-l-editable-name": "Slider (l-editable)", - "spectrum-slider-l-editable-description": "Slider with options size=l tick=false editable=true variant=default", - "spectrum-slider-l-editable-status": "Verified", - "spectrum-slider-l-editable-version": "7.0.0", - "spectrum-slider-l-ramp-editable-name": "Slider (l-ramp-editable)", - "spectrum-slider-l-ramp-editable-description": "Slider with options size=l tick=false editable=true variant=ramp", - "spectrum-slider-l-ramp-editable-status": "Verified", - "spectrum-slider-l-ramp-editable-version": "7.0.0", - "spectrum-slider-l-range-editable-name": "Slider (l-range-editable)", - "spectrum-slider-l-range-editable-description": "Slider with options size=l tick=false editable=true variant=range", - "spectrum-slider-l-range-editable-status": "Verified", - "spectrum-slider-l-range-editable-version": "7.0.0", - "spectrum-slider-l-name": "Slider (l)", - "spectrum-slider-l-description": "Slider with options size=l tick=false editable=false variant=default", - "spectrum-slider-l-status": "Verified", - "spectrum-slider-l-version": "7.0.0", - "spectrum-slider-l-ramp-name": "Slider (l-ramp)", - "spectrum-slider-l-ramp-description": "Slider with options size=l tick=false editable=false variant=ramp", - "spectrum-slider-l-ramp-status": "Verified", - "spectrum-slider-l-ramp-version": "7.0.0", - "spectrum-slider-l-range-name": "Slider (l-range)", - "spectrum-slider-l-range-description": "Slider with options size=l tick=false editable=false variant=range", - "spectrum-slider-l-range-status": "Verified", - "spectrum-slider-l-range-version": "7.0.0", - "spectrum-slider-xl-tick-editable-name": "Slider (xl-tick-editable)", - "spectrum-slider-xl-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=default", - "spectrum-slider-xl-tick-editable-status": "Verified", - "spectrum-slider-xl-tick-editable-version": "7.0.0", - "spectrum-slider-xl-ramp-tick-editable-name": "Slider (xl-ramp-tick-editable)", - "spectrum-slider-xl-ramp-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=ramp", - "spectrum-slider-xl-ramp-tick-editable-status": "Verified", - "spectrum-slider-xl-ramp-tick-editable-version": "7.0.0", - "spectrum-slider-xl-range-tick-editable-name": "Slider (xl-range-tick-editable)", - "spectrum-slider-xl-range-tick-editable-description": "Slider with options size=xl tick=true editable=true variant=range", - "spectrum-slider-xl-range-tick-editable-status": "Verified", - "spectrum-slider-xl-range-tick-editable-version": "7.0.0", - "spectrum-slider-xl-tick-name": "Slider (xl-tick)", - "spectrum-slider-xl-tick-description": "Slider with options size=xl tick=true editable=false variant=default", - "spectrum-slider-xl-tick-status": "Verified", - "spectrum-slider-xl-tick-version": "7.0.0", - "spectrum-slider-xl-ramp-tick-name": "Slider (xl-ramp-tick)", - "spectrum-slider-xl-ramp-tick-description": "Slider with options size=xl tick=true editable=false variant=ramp", - "spectrum-slider-xl-ramp-tick-status": "Verified", - "spectrum-slider-xl-ramp-tick-version": "7.0.0", - "spectrum-slider-xl-range-tick-name": "Slider (xl-range-tick)", - "spectrum-slider-xl-range-tick-description": "Slider with options size=xl tick=true editable=false variant=range", - "spectrum-slider-xl-range-tick-status": "Verified", - "spectrum-slider-xl-range-tick-version": "7.0.0", - "spectrum-slider-xl-editable-name": "Slider (xl-editable)", - "spectrum-slider-xl-editable-description": "Slider with options size=xl tick=false editable=true variant=default", - "spectrum-slider-xl-editable-status": "Verified", - "spectrum-slider-xl-editable-version": "7.0.0", - "spectrum-slider-xl-ramp-editable-name": "Slider (xl-ramp-editable)", - "spectrum-slider-xl-ramp-editable-description": "Slider with options size=xl tick=false editable=true variant=ramp", - "spectrum-slider-xl-ramp-editable-status": "Verified", - "spectrum-slider-xl-ramp-editable-version": "7.0.0", - "spectrum-slider-xl-range-editable-name": "Slider (xl-range-editable)", - "spectrum-slider-xl-range-editable-description": "Slider with options size=xl tick=false editable=true variant=range", - "spectrum-slider-xl-range-editable-status": "Verified", - "spectrum-slider-xl-range-editable-version": "7.0.0", - "spectrum-slider-xl-name": "Slider (xl)", - "spectrum-slider-xl-description": "Slider with options size=xl tick=false editable=false variant=default", - "spectrum-slider-xl-status": "Verified", - "spectrum-slider-xl-version": "7.0.0", - "spectrum-slider-xl-ramp-name": "Slider (xl-ramp)", - "spectrum-slider-xl-ramp-description": "Slider with options size=xl tick=false editable=false variant=ramp", - "spectrum-slider-xl-ramp-status": "Verified", - "spectrum-slider-xl-ramp-version": "7.0.0", - "spectrum-slider-xl-range-name": "Slider (xl-range)", - "spectrum-slider-xl-range-description": "Slider with options size=xl tick=false editable=false variant=range", - "spectrum-slider-xl-range-status": "Verified", - "spectrum-slider-xl-range-version": "7.0.0", - "spectrum-splitbutton-name": "SplitButton (default)", - "spectrum-splitbutton-description": "SplitButton with no options", - "spectrum-splitbutton-status": "Contribution", - "spectrum-splitbutton-version": "1.0.0", - "spectrum-statuslight-s-celery-name": "StatusLight (s-celery)", - "spectrum-statuslight-s-celery-description": "StatusLight with options size=s variant=celery", - "spectrum-statuslight-s-celery-status": "Verified", - "spectrum-statuslight-s-celery-version": "6.3.0", - "spectrum-statuslight-s-chartreuse-name": "StatusLight (s-chartreuse)", - "spectrum-statuslight-s-chartreuse-description": "StatusLight with options size=s variant=chartreuse", - "spectrum-statuslight-s-chartreuse-status": "Verified", - "spectrum-statuslight-s-chartreuse-version": "6.3.0", - "spectrum-statuslight-s-fuchsia-name": "StatusLight (s-fuchsia)", - "spectrum-statuslight-s-fuchsia-description": "StatusLight with options size=s variant=fuchsia", - "spectrum-statuslight-s-fuchsia-status": "Verified", - "spectrum-statuslight-s-fuchsia-version": "6.3.0", - "spectrum-statuslight-s-indigo-name": "StatusLight (s-indigo)", - "spectrum-statuslight-s-indigo-description": "StatusLight with options size=s variant=indigo", - "spectrum-statuslight-s-indigo-status": "Verified", - "spectrum-statuslight-s-indigo-version": "6.3.0", - "spectrum-statuslight-s-info-name": "StatusLight (s-info)", - "spectrum-statuslight-s-info-description": "StatusLight with options size=s variant=info", - "spectrum-statuslight-s-info-status": "Verified", - "spectrum-statuslight-s-info-version": "6.3.0", - "spectrum-statuslight-s-magenta-name": "StatusLight (s-magenta)", - "spectrum-statuslight-s-magenta-description": "StatusLight with options size=s variant=magenta", - "spectrum-statuslight-s-magenta-status": "Verified", - "spectrum-statuslight-s-magenta-version": "6.3.0", - "spectrum-statuslight-s-neutral-name": "StatusLight (s-neutral)", - "spectrum-statuslight-s-neutral-description": "StatusLight with options size=s variant=neutral", - "spectrum-statuslight-s-neutral-status": "Verified", - "spectrum-statuslight-s-neutral-version": "6.3.0", - "spectrum-statuslight-s-negative-name": "StatusLight (s-negative)", - "spectrum-statuslight-s-negative-description": "StatusLight with options size=s variant=negative", - "spectrum-statuslight-s-negative-status": "Verified", - "spectrum-statuslight-s-negative-version": "6.3.0", - "spectrum-statuslight-s-notice-name": "StatusLight (s-notice)", - "spectrum-statuslight-s-notice-description": "StatusLight with options size=s variant=notice", - "spectrum-statuslight-s-notice-status": "Verified", - "spectrum-statuslight-s-notice-version": "6.3.0", - "spectrum-statuslight-s-positive-name": "StatusLight (s-positive)", - "spectrum-statuslight-s-positive-description": "StatusLight with options size=s variant=positive", - "spectrum-statuslight-s-positive-status": "Verified", - "spectrum-statuslight-s-positive-version": "6.3.0", - "spectrum-statuslight-s-purple-name": "StatusLight (s-purple)", - "spectrum-statuslight-s-purple-description": "StatusLight with options size=s variant=purple", - "spectrum-statuslight-s-purple-status": "Verified", - "spectrum-statuslight-s-purple-version": "6.3.0", - "spectrum-statuslight-s-seafoam-name": "StatusLight (s-seafoam)", - "spectrum-statuslight-s-seafoam-description": "StatusLight with options size=s variant=seafoam", - "spectrum-statuslight-s-seafoam-status": "Verified", - "spectrum-statuslight-s-seafoam-version": "6.3.0", - "spectrum-statuslight-s-yellow-name": "StatusLight (s-yellow)", - "spectrum-statuslight-s-yellow-description": "StatusLight with options size=s variant=yellow", - "spectrum-statuslight-s-yellow-status": "Verified", - "spectrum-statuslight-s-yellow-version": "6.3.0", - "spectrum-statuslight-m-celery-name": "StatusLight (m-celery)", - "spectrum-statuslight-m-celery-description": "StatusLight with options size=m variant=celery", - "spectrum-statuslight-m-celery-status": "Verified", - "spectrum-statuslight-m-celery-version": "6.3.0", - "spectrum-statuslight-m-chartreuse-name": "StatusLight (m-chartreuse)", - "spectrum-statuslight-m-chartreuse-description": "StatusLight with options size=m variant=chartreuse", - "spectrum-statuslight-m-chartreuse-status": "Verified", - "spectrum-statuslight-m-chartreuse-version": "6.3.0", - "spectrum-statuslight-m-fuchsia-name": "StatusLight (m-fuchsia)", - "spectrum-statuslight-m-fuchsia-description": "StatusLight with options size=m variant=fuchsia", - "spectrum-statuslight-m-fuchsia-status": "Verified", - "spectrum-statuslight-m-fuchsia-version": "6.3.0", - "spectrum-statuslight-m-indigo-name": "StatusLight (m-indigo)", - "spectrum-statuslight-m-indigo-description": "StatusLight with options size=m variant=indigo", - "spectrum-statuslight-m-indigo-status": "Verified", - "spectrum-statuslight-m-indigo-version": "6.3.0", - "spectrum-statuslight-m-info-name": "StatusLight (m-info)", - "spectrum-statuslight-m-info-description": "StatusLight with options size=m variant=info", - "spectrum-statuslight-m-info-status": "Verified", - "spectrum-statuslight-m-info-version": "6.3.0", - "spectrum-statuslight-m-magenta-name": "StatusLight (m-magenta)", - "spectrum-statuslight-m-magenta-description": "StatusLight with options size=m variant=magenta", - "spectrum-statuslight-m-magenta-status": "Verified", - "spectrum-statuslight-m-magenta-version": "6.3.0", - "spectrum-statuslight-m-neutral-name": "StatusLight (m-neutral)", - "spectrum-statuslight-m-neutral-description": "StatusLight with options size=m variant=neutral", - "spectrum-statuslight-m-neutral-status": "Verified", - "spectrum-statuslight-m-neutral-version": "6.3.0", - "spectrum-statuslight-m-negative-name": "StatusLight (m-negative)", - "spectrum-statuslight-m-negative-description": "StatusLight with options size=m variant=negative", - "spectrum-statuslight-m-negative-status": "Verified", - "spectrum-statuslight-m-negative-version": "6.3.0", - "spectrum-statuslight-m-notice-name": "StatusLight (m-notice)", - "spectrum-statuslight-m-notice-description": "StatusLight with options size=m variant=notice", - "spectrum-statuslight-m-notice-status": "Verified", - "spectrum-statuslight-m-notice-version": "6.3.0", - "spectrum-statuslight-m-positive-name": "StatusLight (m-positive)", - "spectrum-statuslight-m-positive-description": "StatusLight with options size=m variant=positive", - "spectrum-statuslight-m-positive-status": "Verified", - "spectrum-statuslight-m-positive-version": "6.3.0", - "spectrum-statuslight-m-purple-name": "StatusLight (m-purple)", - "spectrum-statuslight-m-purple-description": "StatusLight with options size=m variant=purple", - "spectrum-statuslight-m-purple-status": "Verified", - "spectrum-statuslight-m-purple-version": "6.3.0", - "spectrum-statuslight-m-seafoam-name": "StatusLight (m-seafoam)", - "spectrum-statuslight-m-seafoam-description": "StatusLight with options size=m variant=seafoam", - "spectrum-statuslight-m-seafoam-status": "Verified", - "spectrum-statuslight-m-seafoam-version": "6.3.0", - "spectrum-statuslight-m-yellow-name": "StatusLight (m-yellow)", - "spectrum-statuslight-m-yellow-description": "StatusLight with options size=m variant=yellow", - "spectrum-statuslight-m-yellow-status": "Verified", - "spectrum-statuslight-m-yellow-version": "6.3.0", - "spectrum-statuslight-l-celery-name": "StatusLight (l-celery)", - "spectrum-statuslight-l-celery-description": "StatusLight with options size=l variant=celery", - "spectrum-statuslight-l-celery-status": "Verified", - "spectrum-statuslight-l-celery-version": "6.3.0", - "spectrum-statuslight-l-chartreuse-name": "StatusLight (l-chartreuse)", - "spectrum-statuslight-l-chartreuse-description": "StatusLight with options size=l variant=chartreuse", - "spectrum-statuslight-l-chartreuse-status": "Verified", - "spectrum-statuslight-l-chartreuse-version": "6.3.0", - "spectrum-statuslight-l-fuchsia-name": "StatusLight (l-fuchsia)", - "spectrum-statuslight-l-fuchsia-description": "StatusLight with options size=l variant=fuchsia", - "spectrum-statuslight-l-fuchsia-status": "Verified", - "spectrum-statuslight-l-fuchsia-version": "6.3.0", - "spectrum-statuslight-l-indigo-name": "StatusLight (l-indigo)", - "spectrum-statuslight-l-indigo-description": "StatusLight with options size=l variant=indigo", - "spectrum-statuslight-l-indigo-status": "Verified", - "spectrum-statuslight-l-indigo-version": "6.3.0", - "spectrum-statuslight-l-info-name": "StatusLight (l-info)", - "spectrum-statuslight-l-info-description": "StatusLight with options size=l variant=info", - "spectrum-statuslight-l-info-status": "Verified", - "spectrum-statuslight-l-info-version": "6.3.0", - "spectrum-statuslight-l-magenta-name": "StatusLight (l-magenta)", - "spectrum-statuslight-l-magenta-description": "StatusLight with options size=l variant=magenta", - "spectrum-statuslight-l-magenta-status": "Verified", - "spectrum-statuslight-l-magenta-version": "6.3.0", - "spectrum-statuslight-l-neutral-name": "StatusLight (l-neutral)", - "spectrum-statuslight-l-neutral-description": "StatusLight with options size=l variant=neutral", - "spectrum-statuslight-l-neutral-status": "Verified", - "spectrum-statuslight-l-neutral-version": "6.3.0", - "spectrum-statuslight-l-negative-name": "StatusLight (l-negative)", - "spectrum-statuslight-l-negative-description": "StatusLight with options size=l variant=negative", - "spectrum-statuslight-l-negative-status": "Verified", - "spectrum-statuslight-l-negative-version": "6.3.0", - "spectrum-statuslight-l-notice-name": "StatusLight (l-notice)", - "spectrum-statuslight-l-notice-description": "StatusLight with options size=l variant=notice", - "spectrum-statuslight-l-notice-status": "Verified", - "spectrum-statuslight-l-notice-version": "6.3.0", - "spectrum-statuslight-l-positive-name": "StatusLight (l-positive)", - "spectrum-statuslight-l-positive-description": "StatusLight with options size=l variant=positive", - "spectrum-statuslight-l-positive-status": "Verified", - "spectrum-statuslight-l-positive-version": "6.3.0", - "spectrum-statuslight-l-purple-name": "StatusLight (l-purple)", - "spectrum-statuslight-l-purple-description": "StatusLight with options size=l variant=purple", - "spectrum-statuslight-l-purple-status": "Verified", - "spectrum-statuslight-l-purple-version": "6.3.0", - "spectrum-statuslight-l-seafoam-name": "StatusLight (l-seafoam)", - "spectrum-statuslight-l-seafoam-description": "StatusLight with options size=l variant=seafoam", - "spectrum-statuslight-l-seafoam-status": "Verified", - "spectrum-statuslight-l-seafoam-version": "6.3.0", - "spectrum-statuslight-l-yellow-name": "StatusLight (l-yellow)", - "spectrum-statuslight-l-yellow-description": "StatusLight with options size=l variant=yellow", - "spectrum-statuslight-l-yellow-status": "Verified", - "spectrum-statuslight-l-yellow-version": "6.3.0", - "spectrum-statuslight-xl-celery-name": "StatusLight (xl-celery)", - "spectrum-statuslight-xl-celery-description": "StatusLight with options size=xl variant=celery", - "spectrum-statuslight-xl-celery-status": "Verified", - "spectrum-statuslight-xl-celery-version": "6.3.0", - "spectrum-statuslight-xl-chartreuse-name": "StatusLight (xl-chartreuse)", - "spectrum-statuslight-xl-chartreuse-description": "StatusLight with options size=xl variant=chartreuse", - "spectrum-statuslight-xl-chartreuse-status": "Verified", - "spectrum-statuslight-xl-chartreuse-version": "6.3.0", - "spectrum-statuslight-xl-fuchsia-name": "StatusLight (xl-fuchsia)", - "spectrum-statuslight-xl-fuchsia-description": "StatusLight with options size=xl variant=fuchsia", - "spectrum-statuslight-xl-fuchsia-status": "Verified", - "spectrum-statuslight-xl-fuchsia-version": "6.3.0", - "spectrum-statuslight-xl-indigo-name": "StatusLight (xl-indigo)", - "spectrum-statuslight-xl-indigo-description": "StatusLight with options size=xl variant=indigo", - "spectrum-statuslight-xl-indigo-status": "Verified", - "spectrum-statuslight-xl-indigo-version": "6.3.0", - "spectrum-statuslight-xl-info-name": "StatusLight (xl-info)", - "spectrum-statuslight-xl-info-description": "StatusLight with options size=xl variant=info", - "spectrum-statuslight-xl-info-status": "Verified", - "spectrum-statuslight-xl-info-version": "6.3.0", - "spectrum-statuslight-xl-magenta-name": "StatusLight (xl-magenta)", - "spectrum-statuslight-xl-magenta-description": "StatusLight with options size=xl variant=magenta", - "spectrum-statuslight-xl-magenta-status": "Verified", - "spectrum-statuslight-xl-magenta-version": "6.3.0", - "spectrum-statuslight-xl-neutral-name": "StatusLight (xl-neutral)", - "spectrum-statuslight-xl-neutral-description": "StatusLight with options size=xl variant=neutral", - "spectrum-statuslight-xl-neutral-status": "Verified", - "spectrum-statuslight-xl-neutral-version": "6.3.0", - "spectrum-statuslight-xl-negative-name": "StatusLight (xl-negative)", - "spectrum-statuslight-xl-negative-description": "StatusLight with options size=xl variant=negative", - "spectrum-statuslight-xl-negative-status": "Verified", - "spectrum-statuslight-xl-negative-version": "6.3.0", - "spectrum-statuslight-xl-notice-name": "StatusLight (xl-notice)", - "spectrum-statuslight-xl-notice-description": "StatusLight with options size=xl variant=notice", - "spectrum-statuslight-xl-notice-status": "Verified", - "spectrum-statuslight-xl-notice-version": "6.3.0", - "spectrum-statuslight-xl-positive-name": "StatusLight (xl-positive)", - "spectrum-statuslight-xl-positive-description": "StatusLight with options size=xl variant=positive", - "spectrum-statuslight-xl-positive-status": "Verified", - "spectrum-statuslight-xl-positive-version": "6.3.0", - "spectrum-statuslight-xl-purple-name": "StatusLight (xl-purple)", - "spectrum-statuslight-xl-purple-description": "StatusLight with options size=xl variant=purple", - "spectrum-statuslight-xl-purple-status": "Verified", - "spectrum-statuslight-xl-purple-version": "6.3.0", - "spectrum-statuslight-xl-seafoam-name": "StatusLight (xl-seafoam)", - "spectrum-statuslight-xl-seafoam-description": "StatusLight with options size=xl variant=seafoam", - "spectrum-statuslight-xl-seafoam-status": "Verified", - "spectrum-statuslight-xl-seafoam-version": "6.3.0", - "spectrum-statuslight-xl-yellow-name": "StatusLight (xl-yellow)", - "spectrum-statuslight-xl-yellow-description": "StatusLight with options size=xl variant=yellow", - "spectrum-statuslight-xl-yellow-status": "Verified", - "spectrum-statuslight-xl-yellow-version": "6.3.0", - "spectrum-steplist-incomplete-name": "StepList (incomplete)", - "spectrum-steplist-incomplete-description": "StepList with options variant=incomplete", - "spectrum-steplist-incomplete-version": "1.1.0", - "spectrum-steplist-complete-name": "StepList (complete)", - "spectrum-steplist-complete-description": "StepList with options variant=complete", - "spectrum-steplist-complete-version": "1.1.0", - "spectrum-steplist-current-name": "StepList (current)", - "spectrum-steplist-current-description": "StepList with options variant=current", - "spectrum-steplist-current-version": "1.1.0", - "spectrum-stepperbutton-s-left-name": "StepperButton (s-left)", - "spectrum-stepperbutton-s-left-description": "StepperButton with options size=s loudness=low position=left", - "spectrum-stepperbutton-s-left-version": "1.1.0", - "spectrum-stepperbutton-s-right-name": "StepperButton (s-right)", - "spectrum-stepperbutton-s-right-description": "StepperButton with options size=s loudness=low position=right", - "spectrum-stepperbutton-s-right-version": "1.1.0", - "spectrum-stepperbutton-s-none-name": "StepperButton (s-none)", - "spectrum-stepperbutton-s-none-description": "StepperButton with options size=s loudness=low position=none", - "spectrum-stepperbutton-s-none-version": "1.1.0", - "spectrum-stepperbutton-m-left-name": "StepperButton (m-left)", - "spectrum-stepperbutton-m-left-description": "StepperButton with options size=m loudness=low position=left", - "spectrum-stepperbutton-m-left-version": "1.1.0", - "spectrum-stepperbutton-m-right-name": "StepperButton (m-right)", - "spectrum-stepperbutton-m-right-description": "StepperButton with options size=m loudness=low position=right", - "spectrum-stepperbutton-m-right-version": "1.1.0", - "spectrum-stepperbutton-m-none-name": "StepperButton (m-none)", - "spectrum-stepperbutton-m-none-description": "StepperButton with options size=m loudness=low position=none", - "spectrum-stepperbutton-m-none-version": "1.1.0", - "spectrum-stepperbutton-l-left-name": "StepperButton (l-left)", - "spectrum-stepperbutton-l-left-description": "StepperButton with options size=l loudness=low position=left", - "spectrum-stepperbutton-l-left-version": "1.1.0", - "spectrum-stepperbutton-l-right-name": "StepperButton (l-right)", - "spectrum-stepperbutton-l-right-description": "StepperButton with options size=l loudness=low position=right", - "spectrum-stepperbutton-l-right-version": "1.1.0", - "spectrum-stepperbutton-l-none-name": "StepperButton (l-none)", - "spectrum-stepperbutton-l-none-description": "StepperButton with options size=l loudness=low position=none", - "spectrum-stepperbutton-l-none-version": "1.1.0", - "spectrum-stepperbutton-xl-left-name": "StepperButton (xl-left)", - "spectrum-stepperbutton-xl-left-description": "StepperButton with options size=xl loudness=low position=left", - "spectrum-stepperbutton-xl-left-version": "1.1.0", - "spectrum-stepperbutton-xl-right-name": "StepperButton (xl-right)", - "spectrum-stepperbutton-xl-right-description": "StepperButton with options size=xl loudness=low position=right", - "spectrum-stepperbutton-xl-right-version": "1.1.0", - "spectrum-stepperbutton-xl-none-name": "StepperButton (xl-none)", - "spectrum-stepperbutton-xl-none-description": "StepperButton with options size=xl loudness=low position=none", - "spectrum-stepperbutton-xl-none-version": "1.1.0", - "spectrum-switch-s-emphasized-name": "Switch (s-emphasized)", - "spectrum-switch-s-emphasized-description": "Switch with options size=s emphasized=true", - "spectrum-switch-s-emphasized-status": "Verified", - "spectrum-switch-s-emphasized-version": "6.4.0", - "spectrum-switch-s-name": "Switch (s)", - "spectrum-switch-s-description": "Switch with options size=s emphasized=false", - "spectrum-switch-s-status": "Verified", - "spectrum-switch-s-version": "6.4.0", - "spectrum-switch-m-emphasized-name": "Switch (m-emphasized)", - "spectrum-switch-m-emphasized-description": "Switch with options size=m emphasized=true", - "spectrum-switch-m-emphasized-status": "Verified", - "spectrum-switch-m-emphasized-version": "6.4.0", - "spectrum-switch-m-name": "Switch (m)", - "spectrum-switch-m-description": "Switch with options size=m emphasized=false", - "spectrum-switch-m-status": "Verified", - "spectrum-switch-m-version": "6.4.0", - "spectrum-switch-l-emphasized-name": "Switch (l-emphasized)", - "spectrum-switch-l-emphasized-description": "Switch with options size=l emphasized=true", - "spectrum-switch-l-emphasized-status": "Verified", - "spectrum-switch-l-emphasized-version": "6.4.0", - "spectrum-switch-l-name": "Switch (l)", - "spectrum-switch-l-description": "Switch with options size=l emphasized=false", - "spectrum-switch-l-status": "Verified", - "spectrum-switch-l-version": "6.4.0", - "spectrum-switch-xl-emphasized-name": "Switch (xl-emphasized)", - "spectrum-switch-xl-emphasized-description": "Switch with options size=xl emphasized=true", - "spectrum-switch-xl-emphasized-status": "Verified", - "spectrum-switch-xl-emphasized-version": "6.4.0", - "spectrum-switch-xl-name": "Switch (xl)", - "spectrum-switch-xl-description": "Switch with options size=xl emphasized=false", - "spectrum-switch-xl-status": "Verified", - "spectrum-switch-xl-version": "6.4.0", - "spectrum-tabbar-primary-name": "TabBar (primary)", - "spectrum-tabbar-primary-description": "TabBar with options variant=primary position=top", - "spectrum-tabbar-primary-status": "Verified", - "spectrum-tabbar-primary-version": "6.0.0", - "spectrum-tabbar-sidelabel-primary-name": "TabBar (sidelabel-primary)", - "spectrum-tabbar-sidelabel-primary-description": "TabBar with options variant=primary position=sidelabel", - "spectrum-tabbar-sidelabel-primary-status": "Verified", - "spectrum-tabbar-sidelabel-primary-version": "6.0.0", - "spectrum-tabbar-secondary-name": "TabBar (secondary)", - "spectrum-tabbar-secondary-description": "TabBar with options variant=secondary position=top", - "spectrum-tabbar-secondary-status": "Verified", - "spectrum-tabbar-secondary-version": "6.0.0", - "spectrum-tabbar-sidelabel-secondary-name": "TabBar (sidelabel-secondary)", - "spectrum-tabbar-sidelabel-secondary-description": "TabBar with options variant=secondary position=sidelabel", - "spectrum-tabbar-sidelabel-secondary-status": "Verified", - "spectrum-tabbar-sidelabel-secondary-version": "6.0.0", - "spectrum-table-s-compact-quiet-name": "Table (s-compact-quiet)", - "spectrum-table-s-compact-quiet-description": "Table with options size=s density=compact quiet=true", - "spectrum-table-s-compact-quiet-status": "Verified", - "spectrum-table-s-compact-quiet-version": "6.0.0", - "spectrum-table-s-compact-name": "Table (s-compact)", - "spectrum-table-s-compact-description": "Table with options size=s density=compact quiet=false", - "spectrum-table-s-compact-status": "Verified", - "spectrum-table-s-compact-version": "6.0.0", - "spectrum-table-s-regular-quiet-name": "Table (s-regular-quiet)", - "spectrum-table-s-regular-quiet-description": "Table with options size=s density=regular quiet=true", - "spectrum-table-s-regular-quiet-status": "Verified", - "spectrum-table-s-regular-quiet-version": "6.0.0", - "spectrum-table-s-regular-name": "Table (s-regular)", - "spectrum-table-s-regular-description": "Table with options size=s density=regular quiet=false", - "spectrum-table-s-regular-status": "Verified", - "spectrum-table-s-regular-version": "6.0.0", - "spectrum-table-s-spacious-quiet-name": "Table (s-spacious-quiet)", - "spectrum-table-s-spacious-quiet-description": "Table with options size=s density=spacious quiet=true", - "spectrum-table-s-spacious-quiet-status": "Verified", - "spectrum-table-s-spacious-quiet-version": "6.0.0", - "spectrum-table-s-spacious-name": "Table (s-spacious)", - "spectrum-table-s-spacious-description": "Table with options size=s density=spacious quiet=false", - "spectrum-table-s-spacious-status": "Verified", - "spectrum-table-s-spacious-version": "6.0.0", - "spectrum-table-m-compact-quiet-name": "Table (m-compact-quiet)", - "spectrum-table-m-compact-quiet-description": "Table with options size=m density=compact quiet=true", - "spectrum-table-m-compact-quiet-status": "Verified", - "spectrum-table-m-compact-quiet-version": "6.0.0", - "spectrum-table-m-compact-name": "Table (m-compact)", - "spectrum-table-m-compact-description": "Table with options size=m density=compact quiet=false", - "spectrum-table-m-compact-status": "Verified", - "spectrum-table-m-compact-version": "6.0.0", - "spectrum-table-m-regular-quiet-name": "Table (m-regular-quiet)", - "spectrum-table-m-regular-quiet-description": "Table with options size=m density=regular quiet=true", - "spectrum-table-m-regular-quiet-status": "Verified", - "spectrum-table-m-regular-quiet-version": "6.0.0", - "spectrum-table-m-regular-name": "Table (m-regular)", - "spectrum-table-m-regular-description": "Table with options size=m density=regular quiet=false", - "spectrum-table-m-regular-status": "Verified", - "spectrum-table-m-regular-version": "6.0.0", - "spectrum-table-m-spacious-quiet-name": "Table (m-spacious-quiet)", - "spectrum-table-m-spacious-quiet-description": "Table with options size=m density=spacious quiet=true", - "spectrum-table-m-spacious-quiet-status": "Verified", - "spectrum-table-m-spacious-quiet-version": "6.0.0", - "spectrum-table-m-spacious-name": "Table (m-spacious)", - "spectrum-table-m-spacious-description": "Table with options size=m density=spacious quiet=false", - "spectrum-table-m-spacious-status": "Verified", - "spectrum-table-m-spacious-version": "6.0.0", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-name": "Tabs (s-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-name": "Tabs (s-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-texticon-name": "Tabs (s-quiet-emphasized-texticon)", - "spectrum-tabs-s-quiet-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-textonly-name": "Tabs (s-quiet-emphasized-textonly)", - "spectrum-tabs-s-quiet-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-fluid-texticon-name": "Tabs (s-quiet-fluid-texticon)", - "spectrum-tabs-s-quiet-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-fluid-textonly-name": "Tabs (s-quiet-fluid-textonly)", - "spectrum-tabs-s-quiet-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-texticon-name": "Tabs (s-quiet-texticon)", - "spectrum-tabs-s-quiet-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-quiet-texticon-status": "Verified", - "spectrum-tabs-s-quiet-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-textonly-name": "Tabs (s-quiet-textonly)", - "spectrum-tabs-s-quiet-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-quiet-textonly-status": "Verified", - "spectrum-tabs-s-quiet-textonly-version": "8.1.0", - "spectrum-tabs-s-emphasized-fluid-texticon-name": "Tabs (s-emphasized-fluid-texticon)", - "spectrum-tabs-s-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-emphasized-fluid-textonly-name": "Tabs (s-emphasized-fluid-textonly)", - "spectrum-tabs-s-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-emphasized-texticon-name": "Tabs (s-emphasized-texticon)", - "spectrum-tabs-s-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-emphasized-textonly-name": "Tabs (s-emphasized-textonly)", - "spectrum-tabs-s-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-fluid-texticon-name": "Tabs (s-fluid-texticon)", - "spectrum-tabs-s-fluid-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-fluid-texticon-status": "Verified", - "spectrum-tabs-s-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-fluid-textonly-name": "Tabs (s-fluid-textonly)", - "spectrum-tabs-s-fluid-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-fluid-textonly-status": "Verified", - "spectrum-tabs-s-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-texticon-name": "Tabs (s-texticon)", - "spectrum-tabs-s-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-texticon-status": "Verified", - "spectrum-tabs-s-texticon-version": "8.1.0", - "spectrum-tabs-s-textonly-name": "Tabs (s-textonly)", - "spectrum-tabs-s-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-textonly-status": "Verified", - "spectrum-tabs-s-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-center-texticon-name": "Tabs (s-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-emphasized-center-textonly-name": "Tabs (s-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-fluid-center-texticon-name": "Tabs (s-quiet-fluid-center-texticon)", - "spectrum-tabs-s-quiet-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-fluid-center-textonly-name": "Tabs (s-quiet-fluid-center-textonly)", - "spectrum-tabs-s-quiet-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-quiet-center-texticon-name": "Tabs (s-quiet-center-texticon)", - "spectrum-tabs-s-quiet-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-s-quiet-center-textonly-name": "Tabs (s-quiet-center-textonly)", - "spectrum-tabs-s-quiet-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-s-emphasized-fluid-center-texticon-name": "Tabs (s-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-emphasized-fluid-center-textonly-name": "Tabs (s-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-emphasized-center-texticon-name": "Tabs (s-emphasized-center-texticon)", - "spectrum-tabs-s-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-emphasized-center-textonly-name": "Tabs (s-emphasized-center-textonly)", - "spectrum-tabs-s-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-fluid-center-texticon-name": "Tabs (s-fluid-center-texticon)", - "spectrum-tabs-s-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-fluid-center-textonly-name": "Tabs (s-fluid-center-textonly)", - "spectrum-tabs-s-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-center-texticon-name": "Tabs (s-center-texticon)", - "spectrum-tabs-s-center-texticon-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-center-texticon-status": "Verified", - "spectrum-tabs-s-center-texticon-version": "8.1.0", - "spectrum-tabs-s-center-textonly-name": "Tabs (s-center-textonly)", - "spectrum-tabs-s-center-textonly-description": "Tabs with options size=s density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-center-textonly-status": "Verified", - "spectrum-tabs-s-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (s-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (s-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-name": "Tabs (s-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-name": "Tabs (s-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-name": "Tabs (s-vertical-quiet-fluid-texticon)", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-name": "Tabs (s-vertical-quiet-fluid-textonly)", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-texticon-name": "Tabs (s-vertical-quiet-texticon)", - "spectrum-tabs-s-vertical-quiet-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-textonly-name": "Tabs (s-vertical-quiet-textonly)", - "spectrum-tabs-s-vertical-quiet-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-name": "Tabs (s-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-name": "Tabs (s-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-texticon-name": "Tabs (s-vertical-emphasized-texticon)", - "spectrum-tabs-s-vertical-emphasized-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-textonly-name": "Tabs (s-vertical-emphasized-textonly)", - "spectrum-tabs-s-vertical-emphasized-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-fluid-texticon-name": "Tabs (s-vertical-fluid-texticon)", - "spectrum-tabs-s-vertical-fluid-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-s-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-fluid-textonly-name": "Tabs (s-vertical-fluid-textonly)", - "spectrum-tabs-s-vertical-fluid-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-s-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-texticon-name": "Tabs (s-vertical-texticon)", - "spectrum-tabs-s-vertical-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-texticon-status": "Verified", - "spectrum-tabs-s-vertical-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-textonly-name": "Tabs (s-vertical-textonly)", - "spectrum-tabs-s-vertical-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-textonly-status": "Verified", - "spectrum-tabs-s-vertical-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-name": "Tabs (s-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-name": "Tabs (s-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-name": "Tabs (s-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-name": "Tabs (s-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-center-texticon-name": "Tabs (s-vertical-quiet-center-texticon)", - "spectrum-tabs-s-vertical-quiet-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-quiet-center-textonly-name": "Tabs (s-vertical-quiet-center-textonly)", - "spectrum-tabs-s-vertical-quiet-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-name": "Tabs (s-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-name": "Tabs (s-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-center-texticon-name": "Tabs (s-vertical-emphasized-center-texticon)", - "spectrum-tabs-s-vertical-emphasized-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-emphasized-center-textonly-name": "Tabs (s-vertical-emphasized-center-textonly)", - "spectrum-tabs-s-vertical-emphasized-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-fluid-center-texticon-name": "Tabs (s-vertical-fluid-center-texticon)", - "spectrum-tabs-s-vertical-fluid-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-fluid-center-textonly-name": "Tabs (s-vertical-fluid-center-textonly)", - "spectrum-tabs-s-vertical-fluid-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-vertical-center-texticon-name": "Tabs (s-vertical-center-texticon)", - "spectrum-tabs-s-vertical-center-texticon-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-vertical-center-texticon-status": "Verified", - "spectrum-tabs-s-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-s-vertical-center-textonly-name": "Tabs (s-vertical-center-textonly)", - "spectrum-tabs-s-vertical-center-textonly-description": "Tabs with options size=s density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-vertical-center-textonly-status": "Verified", - "spectrum-tabs-s-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-name": "Tabs (s-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-name": "Tabs (s-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-name": "Tabs (s-compact-quiet-emphasized-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-name": "Tabs (s-compact-quiet-emphasized-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-fluid-texticon-name": "Tabs (s-compact-quiet-fluid-texticon)", - "spectrum-tabs-s-compact-quiet-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-fluid-textonly-name": "Tabs (s-compact-quiet-fluid-textonly)", - "spectrum-tabs-s-compact-quiet-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-texticon-name": "Tabs (s-compact-quiet-texticon)", - "spectrum-tabs-s-compact-quiet-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-textonly-name": "Tabs (s-compact-quiet-textonly)", - "spectrum-tabs-s-compact-quiet-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-name": "Tabs (s-compact-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-name": "Tabs (s-compact-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-texticon-name": "Tabs (s-compact-emphasized-texticon)", - "spectrum-tabs-s-compact-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-textonly-name": "Tabs (s-compact-emphasized-textonly)", - "spectrum-tabs-s-compact-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-fluid-texticon-name": "Tabs (s-compact-fluid-texticon)", - "spectrum-tabs-s-compact-fluid-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-fluid-textonly-name": "Tabs (s-compact-fluid-textonly)", - "spectrum-tabs-s-compact-fluid-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-texticon-name": "Tabs (s-compact-texticon)", - "spectrum-tabs-s-compact-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-texticon-status": "Verified", - "spectrum-tabs-s-compact-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-textonly-name": "Tabs (s-compact-textonly)", - "spectrum-tabs-s-compact-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-textonly-status": "Verified", - "spectrum-tabs-s-compact-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-name": "Tabs (s-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-name": "Tabs (s-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-name": "Tabs (s-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-name": "Tabs (s-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-center-texticon-name": "Tabs (s-compact-quiet-center-texticon)", - "spectrum-tabs-s-compact-quiet-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-quiet-center-textonly-name": "Tabs (s-compact-quiet-center-textonly)", - "spectrum-tabs-s-compact-quiet-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-name": "Tabs (s-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-name": "Tabs (s-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-center-texticon-name": "Tabs (s-compact-emphasized-center-texticon)", - "spectrum-tabs-s-compact-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-emphasized-center-textonly-name": "Tabs (s-compact-emphasized-center-textonly)", - "spectrum-tabs-s-compact-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-fluid-center-texticon-name": "Tabs (s-compact-fluid-center-texticon)", - "spectrum-tabs-s-compact-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-fluid-center-textonly-name": "Tabs (s-compact-fluid-center-textonly)", - "spectrum-tabs-s-compact-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-center-texticon-name": "Tabs (s-compact-center-texticon)", - "spectrum-tabs-s-compact-center-texticon-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-center-textonly-name": "Tabs (s-compact-center-textonly)", - "spectrum-tabs-s-compact-center-textonly-description": "Tabs with options size=s density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-name": "Tabs (s-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-name": "Tabs (s-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-texticon-name": "Tabs (s-compact-vertical-quiet-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-textonly-name": "Tabs (s-compact-vertical-quiet-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-name": "Tabs (s-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-name": "Tabs (s-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-name": "Tabs (s-compact-vertical-emphasized-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-name": "Tabs (s-compact-vertical-emphasized-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-fluid-texticon-name": "Tabs (s-compact-vertical-fluid-texticon)", - "spectrum-tabs-s-compact-vertical-fluid-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-fluid-textonly-name": "Tabs (s-compact-vertical-fluid-textonly)", - "spectrum-tabs-s-compact-vertical-fluid-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-texticon-name": "Tabs (s-compact-vertical-texticon)", - "spectrum-tabs-s-compact-vertical-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-textonly-name": "Tabs (s-compact-vertical-textonly)", - "spectrum-tabs-s-compact-vertical-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (s-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (s-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (s-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (s-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-name": "Tabs (s-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-name": "Tabs (s-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (s-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (s-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-name": "Tabs (s-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-name": "Tabs (s-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-name": "Tabs (s-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-name": "Tabs (s-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-center-texticon-name": "Tabs (s-compact-vertical-center-texticon)", - "spectrum-tabs-s-compact-vertical-center-texticon-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-s-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-s-compact-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-s-compact-vertical-center-textonly-name": "Tabs (s-compact-vertical-center-textonly)", - "spectrum-tabs-s-compact-vertical-center-textonly-description": "Tabs with options size=s density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-s-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-s-compact-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-name": "Tabs (m-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-name": "Tabs (m-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-texticon-name": "Tabs (m-quiet-emphasized-texticon)", - "spectrum-tabs-m-quiet-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-textonly-name": "Tabs (m-quiet-emphasized-textonly)", - "spectrum-tabs-m-quiet-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-fluid-texticon-name": "Tabs (m-quiet-fluid-texticon)", - "spectrum-tabs-m-quiet-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-fluid-textonly-name": "Tabs (m-quiet-fluid-textonly)", - "spectrum-tabs-m-quiet-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-texticon-name": "Tabs (m-quiet-texticon)", - "spectrum-tabs-m-quiet-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-quiet-texticon-status": "Verified", - "spectrum-tabs-m-quiet-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-textonly-name": "Tabs (m-quiet-textonly)", - "spectrum-tabs-m-quiet-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-quiet-textonly-status": "Verified", - "spectrum-tabs-m-quiet-textonly-version": "8.1.0", - "spectrum-tabs-m-emphasized-fluid-texticon-name": "Tabs (m-emphasized-fluid-texticon)", - "spectrum-tabs-m-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-emphasized-fluid-textonly-name": "Tabs (m-emphasized-fluid-textonly)", - "spectrum-tabs-m-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-emphasized-texticon-name": "Tabs (m-emphasized-texticon)", - "spectrum-tabs-m-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-emphasized-textonly-name": "Tabs (m-emphasized-textonly)", - "spectrum-tabs-m-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-fluid-texticon-name": "Tabs (m-fluid-texticon)", - "spectrum-tabs-m-fluid-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-fluid-texticon-status": "Verified", - "spectrum-tabs-m-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-fluid-textonly-name": "Tabs (m-fluid-textonly)", - "spectrum-tabs-m-fluid-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-fluid-textonly-status": "Verified", - "spectrum-tabs-m-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-texticon-name": "Tabs (m-texticon)", - "spectrum-tabs-m-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-texticon-status": "Verified", - "spectrum-tabs-m-texticon-version": "8.1.0", - "spectrum-tabs-m-textonly-name": "Tabs (m-textonly)", - "spectrum-tabs-m-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-textonly-status": "Verified", - "spectrum-tabs-m-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-center-texticon-name": "Tabs (m-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-emphasized-center-textonly-name": "Tabs (m-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-fluid-center-texticon-name": "Tabs (m-quiet-fluid-center-texticon)", - "spectrum-tabs-m-quiet-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-fluid-center-textonly-name": "Tabs (m-quiet-fluid-center-textonly)", - "spectrum-tabs-m-quiet-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-quiet-center-texticon-name": "Tabs (m-quiet-center-texticon)", - "spectrum-tabs-m-quiet-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-m-quiet-center-textonly-name": "Tabs (m-quiet-center-textonly)", - "spectrum-tabs-m-quiet-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-m-emphasized-fluid-center-texticon-name": "Tabs (m-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-emphasized-fluid-center-textonly-name": "Tabs (m-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-emphasized-center-texticon-name": "Tabs (m-emphasized-center-texticon)", - "spectrum-tabs-m-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-emphasized-center-textonly-name": "Tabs (m-emphasized-center-textonly)", - "spectrum-tabs-m-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-fluid-center-texticon-name": "Tabs (m-fluid-center-texticon)", - "spectrum-tabs-m-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-fluid-center-textonly-name": "Tabs (m-fluid-center-textonly)", - "spectrum-tabs-m-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-center-texticon-name": "Tabs (m-center-texticon)", - "spectrum-tabs-m-center-texticon-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-center-texticon-status": "Verified", - "spectrum-tabs-m-center-texticon-version": "8.1.0", - "spectrum-tabs-m-center-textonly-name": "Tabs (m-center-textonly)", - "spectrum-tabs-m-center-textonly-description": "Tabs with options size=m density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-center-textonly-status": "Verified", - "spectrum-tabs-m-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (m-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (m-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-name": "Tabs (m-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-name": "Tabs (m-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-name": "Tabs (m-vertical-quiet-fluid-texticon)", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-name": "Tabs (m-vertical-quiet-fluid-textonly)", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-texticon-name": "Tabs (m-vertical-quiet-texticon)", - "spectrum-tabs-m-vertical-quiet-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-textonly-name": "Tabs (m-vertical-quiet-textonly)", - "spectrum-tabs-m-vertical-quiet-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-name": "Tabs (m-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-name": "Tabs (m-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-texticon-name": "Tabs (m-vertical-emphasized-texticon)", - "spectrum-tabs-m-vertical-emphasized-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-textonly-name": "Tabs (m-vertical-emphasized-textonly)", - "spectrum-tabs-m-vertical-emphasized-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-fluid-texticon-name": "Tabs (m-vertical-fluid-texticon)", - "spectrum-tabs-m-vertical-fluid-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-m-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-fluid-textonly-name": "Tabs (m-vertical-fluid-textonly)", - "spectrum-tabs-m-vertical-fluid-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-m-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-texticon-name": "Tabs (m-vertical-texticon)", - "spectrum-tabs-m-vertical-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-texticon-status": "Verified", - "spectrum-tabs-m-vertical-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-textonly-name": "Tabs (m-vertical-textonly)", - "spectrum-tabs-m-vertical-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-textonly-status": "Verified", - "spectrum-tabs-m-vertical-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-name": "Tabs (m-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-name": "Tabs (m-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-name": "Tabs (m-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-name": "Tabs (m-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-center-texticon-name": "Tabs (m-vertical-quiet-center-texticon)", - "spectrum-tabs-m-vertical-quiet-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-quiet-center-textonly-name": "Tabs (m-vertical-quiet-center-textonly)", - "spectrum-tabs-m-vertical-quiet-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-name": "Tabs (m-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-name": "Tabs (m-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-center-texticon-name": "Tabs (m-vertical-emphasized-center-texticon)", - "spectrum-tabs-m-vertical-emphasized-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-emphasized-center-textonly-name": "Tabs (m-vertical-emphasized-center-textonly)", - "spectrum-tabs-m-vertical-emphasized-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-fluid-center-texticon-name": "Tabs (m-vertical-fluid-center-texticon)", - "spectrum-tabs-m-vertical-fluid-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-fluid-center-textonly-name": "Tabs (m-vertical-fluid-center-textonly)", - "spectrum-tabs-m-vertical-fluid-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-vertical-center-texticon-name": "Tabs (m-vertical-center-texticon)", - "spectrum-tabs-m-vertical-center-texticon-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-vertical-center-texticon-status": "Verified", - "spectrum-tabs-m-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-m-vertical-center-textonly-name": "Tabs (m-vertical-center-textonly)", - "spectrum-tabs-m-vertical-center-textonly-description": "Tabs with options size=m density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-vertical-center-textonly-status": "Verified", - "spectrum-tabs-m-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-name": "Tabs (m-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-name": "Tabs (m-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-name": "Tabs (m-compact-quiet-emphasized-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-name": "Tabs (m-compact-quiet-emphasized-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-fluid-texticon-name": "Tabs (m-compact-quiet-fluid-texticon)", - "spectrum-tabs-m-compact-quiet-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-fluid-textonly-name": "Tabs (m-compact-quiet-fluid-textonly)", - "spectrum-tabs-m-compact-quiet-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-texticon-name": "Tabs (m-compact-quiet-texticon)", - "spectrum-tabs-m-compact-quiet-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-textonly-name": "Tabs (m-compact-quiet-textonly)", - "spectrum-tabs-m-compact-quiet-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-name": "Tabs (m-compact-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-name": "Tabs (m-compact-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-texticon-name": "Tabs (m-compact-emphasized-texticon)", - "spectrum-tabs-m-compact-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-textonly-name": "Tabs (m-compact-emphasized-textonly)", - "spectrum-tabs-m-compact-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-fluid-texticon-name": "Tabs (m-compact-fluid-texticon)", - "spectrum-tabs-m-compact-fluid-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-fluid-textonly-name": "Tabs (m-compact-fluid-textonly)", - "spectrum-tabs-m-compact-fluid-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-texticon-name": "Tabs (m-compact-texticon)", - "spectrum-tabs-m-compact-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-texticon-status": "Verified", - "spectrum-tabs-m-compact-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-textonly-name": "Tabs (m-compact-textonly)", - "spectrum-tabs-m-compact-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-textonly-status": "Verified", - "spectrum-tabs-m-compact-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-name": "Tabs (m-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-name": "Tabs (m-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-name": "Tabs (m-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-name": "Tabs (m-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-center-texticon-name": "Tabs (m-compact-quiet-center-texticon)", - "spectrum-tabs-m-compact-quiet-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-quiet-center-textonly-name": "Tabs (m-compact-quiet-center-textonly)", - "spectrum-tabs-m-compact-quiet-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-name": "Tabs (m-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-name": "Tabs (m-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-center-texticon-name": "Tabs (m-compact-emphasized-center-texticon)", - "spectrum-tabs-m-compact-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-emphasized-center-textonly-name": "Tabs (m-compact-emphasized-center-textonly)", - "spectrum-tabs-m-compact-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-fluid-center-texticon-name": "Tabs (m-compact-fluid-center-texticon)", - "spectrum-tabs-m-compact-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-fluid-center-textonly-name": "Tabs (m-compact-fluid-center-textonly)", - "spectrum-tabs-m-compact-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-center-texticon-name": "Tabs (m-compact-center-texticon)", - "spectrum-tabs-m-compact-center-texticon-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-center-textonly-name": "Tabs (m-compact-center-textonly)", - "spectrum-tabs-m-compact-center-textonly-description": "Tabs with options size=m density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-name": "Tabs (m-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-name": "Tabs (m-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-texticon-name": "Tabs (m-compact-vertical-quiet-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-textonly-name": "Tabs (m-compact-vertical-quiet-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-name": "Tabs (m-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-name": "Tabs (m-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-name": "Tabs (m-compact-vertical-emphasized-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-name": "Tabs (m-compact-vertical-emphasized-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-fluid-texticon-name": "Tabs (m-compact-vertical-fluid-texticon)", - "spectrum-tabs-m-compact-vertical-fluid-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-fluid-textonly-name": "Tabs (m-compact-vertical-fluid-textonly)", - "spectrum-tabs-m-compact-vertical-fluid-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-texticon-name": "Tabs (m-compact-vertical-texticon)", - "spectrum-tabs-m-compact-vertical-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-textonly-name": "Tabs (m-compact-vertical-textonly)", - "spectrum-tabs-m-compact-vertical-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (m-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (m-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (m-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (m-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-name": "Tabs (m-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-name": "Tabs (m-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (m-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (m-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-name": "Tabs (m-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-name": "Tabs (m-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-name": "Tabs (m-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-name": "Tabs (m-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-center-texticon-name": "Tabs (m-compact-vertical-center-texticon)", - "spectrum-tabs-m-compact-vertical-center-texticon-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-m-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-m-compact-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-m-compact-vertical-center-textonly-name": "Tabs (m-compact-vertical-center-textonly)", - "spectrum-tabs-m-compact-vertical-center-textonly-description": "Tabs with options size=m density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-m-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-m-compact-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-name": "Tabs (l-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-name": "Tabs (l-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-texticon-name": "Tabs (l-quiet-emphasized-texticon)", - "spectrum-tabs-l-quiet-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-textonly-name": "Tabs (l-quiet-emphasized-textonly)", - "spectrum-tabs-l-quiet-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-fluid-texticon-name": "Tabs (l-quiet-fluid-texticon)", - "spectrum-tabs-l-quiet-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-fluid-textonly-name": "Tabs (l-quiet-fluid-textonly)", - "spectrum-tabs-l-quiet-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-texticon-name": "Tabs (l-quiet-texticon)", - "spectrum-tabs-l-quiet-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-quiet-texticon-status": "Verified", - "spectrum-tabs-l-quiet-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-textonly-name": "Tabs (l-quiet-textonly)", - "spectrum-tabs-l-quiet-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-quiet-textonly-status": "Verified", - "spectrum-tabs-l-quiet-textonly-version": "8.1.0", - "spectrum-tabs-l-emphasized-fluid-texticon-name": "Tabs (l-emphasized-fluid-texticon)", - "spectrum-tabs-l-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-emphasized-fluid-textonly-name": "Tabs (l-emphasized-fluid-textonly)", - "spectrum-tabs-l-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-emphasized-texticon-name": "Tabs (l-emphasized-texticon)", - "spectrum-tabs-l-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-emphasized-textonly-name": "Tabs (l-emphasized-textonly)", - "spectrum-tabs-l-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-fluid-texticon-name": "Tabs (l-fluid-texticon)", - "spectrum-tabs-l-fluid-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-fluid-texticon-status": "Verified", - "spectrum-tabs-l-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-fluid-textonly-name": "Tabs (l-fluid-textonly)", - "spectrum-tabs-l-fluid-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-fluid-textonly-status": "Verified", - "spectrum-tabs-l-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-texticon-name": "Tabs (l-texticon)", - "spectrum-tabs-l-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-texticon-status": "Verified", - "spectrum-tabs-l-texticon-version": "8.1.0", - "spectrum-tabs-l-textonly-name": "Tabs (l-textonly)", - "spectrum-tabs-l-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-textonly-status": "Verified", - "spectrum-tabs-l-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-center-texticon-name": "Tabs (l-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-emphasized-center-textonly-name": "Tabs (l-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-fluid-center-texticon-name": "Tabs (l-quiet-fluid-center-texticon)", - "spectrum-tabs-l-quiet-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-fluid-center-textonly-name": "Tabs (l-quiet-fluid-center-textonly)", - "spectrum-tabs-l-quiet-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-quiet-center-texticon-name": "Tabs (l-quiet-center-texticon)", - "spectrum-tabs-l-quiet-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-l-quiet-center-textonly-name": "Tabs (l-quiet-center-textonly)", - "spectrum-tabs-l-quiet-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-l-emphasized-fluid-center-texticon-name": "Tabs (l-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-emphasized-fluid-center-textonly-name": "Tabs (l-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-emphasized-center-texticon-name": "Tabs (l-emphasized-center-texticon)", - "spectrum-tabs-l-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-emphasized-center-textonly-name": "Tabs (l-emphasized-center-textonly)", - "spectrum-tabs-l-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-fluid-center-texticon-name": "Tabs (l-fluid-center-texticon)", - "spectrum-tabs-l-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-fluid-center-textonly-name": "Tabs (l-fluid-center-textonly)", - "spectrum-tabs-l-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-center-texticon-name": "Tabs (l-center-texticon)", - "spectrum-tabs-l-center-texticon-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-center-texticon-status": "Verified", - "spectrum-tabs-l-center-texticon-version": "8.1.0", - "spectrum-tabs-l-center-textonly-name": "Tabs (l-center-textonly)", - "spectrum-tabs-l-center-textonly-description": "Tabs with options size=l density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-center-textonly-status": "Verified", - "spectrum-tabs-l-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (l-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (l-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-name": "Tabs (l-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-name": "Tabs (l-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-name": "Tabs (l-vertical-quiet-fluid-texticon)", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-name": "Tabs (l-vertical-quiet-fluid-textonly)", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-texticon-name": "Tabs (l-vertical-quiet-texticon)", - "spectrum-tabs-l-vertical-quiet-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-textonly-name": "Tabs (l-vertical-quiet-textonly)", - "spectrum-tabs-l-vertical-quiet-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-name": "Tabs (l-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-name": "Tabs (l-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-texticon-name": "Tabs (l-vertical-emphasized-texticon)", - "spectrum-tabs-l-vertical-emphasized-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-textonly-name": "Tabs (l-vertical-emphasized-textonly)", - "spectrum-tabs-l-vertical-emphasized-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-fluid-texticon-name": "Tabs (l-vertical-fluid-texticon)", - "spectrum-tabs-l-vertical-fluid-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-l-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-fluid-textonly-name": "Tabs (l-vertical-fluid-textonly)", - "spectrum-tabs-l-vertical-fluid-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-l-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-texticon-name": "Tabs (l-vertical-texticon)", - "spectrum-tabs-l-vertical-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-texticon-status": "Verified", - "spectrum-tabs-l-vertical-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-textonly-name": "Tabs (l-vertical-textonly)", - "spectrum-tabs-l-vertical-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-textonly-status": "Verified", - "spectrum-tabs-l-vertical-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-name": "Tabs (l-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-name": "Tabs (l-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-name": "Tabs (l-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-name": "Tabs (l-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-center-texticon-name": "Tabs (l-vertical-quiet-center-texticon)", - "spectrum-tabs-l-vertical-quiet-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-quiet-center-textonly-name": "Tabs (l-vertical-quiet-center-textonly)", - "spectrum-tabs-l-vertical-quiet-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-name": "Tabs (l-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-name": "Tabs (l-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-center-texticon-name": "Tabs (l-vertical-emphasized-center-texticon)", - "spectrum-tabs-l-vertical-emphasized-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-emphasized-center-textonly-name": "Tabs (l-vertical-emphasized-center-textonly)", - "spectrum-tabs-l-vertical-emphasized-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-fluid-center-texticon-name": "Tabs (l-vertical-fluid-center-texticon)", - "spectrum-tabs-l-vertical-fluid-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-fluid-center-textonly-name": "Tabs (l-vertical-fluid-center-textonly)", - "spectrum-tabs-l-vertical-fluid-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-vertical-center-texticon-name": "Tabs (l-vertical-center-texticon)", - "spectrum-tabs-l-vertical-center-texticon-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-vertical-center-texticon-status": "Verified", - "spectrum-tabs-l-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-l-vertical-center-textonly-name": "Tabs (l-vertical-center-textonly)", - "spectrum-tabs-l-vertical-center-textonly-description": "Tabs with options size=l density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-vertical-center-textonly-status": "Verified", - "spectrum-tabs-l-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-name": "Tabs (l-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-name": "Tabs (l-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-name": "Tabs (l-compact-quiet-emphasized-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-name": "Tabs (l-compact-quiet-emphasized-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-fluid-texticon-name": "Tabs (l-compact-quiet-fluid-texticon)", - "spectrum-tabs-l-compact-quiet-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-fluid-textonly-name": "Tabs (l-compact-quiet-fluid-textonly)", - "spectrum-tabs-l-compact-quiet-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-texticon-name": "Tabs (l-compact-quiet-texticon)", - "spectrum-tabs-l-compact-quiet-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-textonly-name": "Tabs (l-compact-quiet-textonly)", - "spectrum-tabs-l-compact-quiet-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-name": "Tabs (l-compact-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-name": "Tabs (l-compact-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-texticon-name": "Tabs (l-compact-emphasized-texticon)", - "spectrum-tabs-l-compact-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-textonly-name": "Tabs (l-compact-emphasized-textonly)", - "spectrum-tabs-l-compact-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-fluid-texticon-name": "Tabs (l-compact-fluid-texticon)", - "spectrum-tabs-l-compact-fluid-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-fluid-textonly-name": "Tabs (l-compact-fluid-textonly)", - "spectrum-tabs-l-compact-fluid-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-texticon-name": "Tabs (l-compact-texticon)", - "spectrum-tabs-l-compact-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-texticon-status": "Verified", - "spectrum-tabs-l-compact-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-textonly-name": "Tabs (l-compact-textonly)", - "spectrum-tabs-l-compact-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-textonly-status": "Verified", - "spectrum-tabs-l-compact-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-name": "Tabs (l-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-name": "Tabs (l-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-name": "Tabs (l-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-name": "Tabs (l-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-center-texticon-name": "Tabs (l-compact-quiet-center-texticon)", - "spectrum-tabs-l-compact-quiet-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-quiet-center-textonly-name": "Tabs (l-compact-quiet-center-textonly)", - "spectrum-tabs-l-compact-quiet-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-name": "Tabs (l-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-name": "Tabs (l-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-center-texticon-name": "Tabs (l-compact-emphasized-center-texticon)", - "spectrum-tabs-l-compact-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-emphasized-center-textonly-name": "Tabs (l-compact-emphasized-center-textonly)", - "spectrum-tabs-l-compact-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-fluid-center-texticon-name": "Tabs (l-compact-fluid-center-texticon)", - "spectrum-tabs-l-compact-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-fluid-center-textonly-name": "Tabs (l-compact-fluid-center-textonly)", - "spectrum-tabs-l-compact-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-center-texticon-name": "Tabs (l-compact-center-texticon)", - "spectrum-tabs-l-compact-center-texticon-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-center-textonly-name": "Tabs (l-compact-center-textonly)", - "spectrum-tabs-l-compact-center-textonly-description": "Tabs with options size=l density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-name": "Tabs (l-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-name": "Tabs (l-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-texticon-name": "Tabs (l-compact-vertical-quiet-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-textonly-name": "Tabs (l-compact-vertical-quiet-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-name": "Tabs (l-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-name": "Tabs (l-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-name": "Tabs (l-compact-vertical-emphasized-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-name": "Tabs (l-compact-vertical-emphasized-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-fluid-texticon-name": "Tabs (l-compact-vertical-fluid-texticon)", - "spectrum-tabs-l-compact-vertical-fluid-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-fluid-textonly-name": "Tabs (l-compact-vertical-fluid-textonly)", - "spectrum-tabs-l-compact-vertical-fluid-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-texticon-name": "Tabs (l-compact-vertical-texticon)", - "spectrum-tabs-l-compact-vertical-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-textonly-name": "Tabs (l-compact-vertical-textonly)", - "spectrum-tabs-l-compact-vertical-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (l-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (l-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (l-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (l-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-name": "Tabs (l-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-name": "Tabs (l-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (l-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (l-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-name": "Tabs (l-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-name": "Tabs (l-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-name": "Tabs (l-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-name": "Tabs (l-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-center-texticon-name": "Tabs (l-compact-vertical-center-texticon)", - "spectrum-tabs-l-compact-vertical-center-texticon-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-l-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-l-compact-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-l-compact-vertical-center-textonly-name": "Tabs (l-compact-vertical-center-textonly)", - "spectrum-tabs-l-compact-vertical-center-textonly-description": "Tabs with options size=l density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-l-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-l-compact-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-name": "Tabs (xl-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-name": "Tabs (xl-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-texticon-name": "Tabs (xl-quiet-emphasized-texticon)", - "spectrum-tabs-xl-quiet-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-textonly-name": "Tabs (xl-quiet-emphasized-textonly)", - "spectrum-tabs-xl-quiet-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-fluid-texticon-name": "Tabs (xl-quiet-fluid-texticon)", - "spectrum-tabs-xl-quiet-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-fluid-textonly-name": "Tabs (xl-quiet-fluid-textonly)", - "spectrum-tabs-xl-quiet-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-texticon-name": "Tabs (xl-quiet-texticon)", - "spectrum-tabs-xl-quiet-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-textonly-name": "Tabs (xl-quiet-textonly)", - "spectrum-tabs-xl-quiet-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-textonly-version": "8.1.0", - "spectrum-tabs-xl-emphasized-fluid-texticon-name": "Tabs (xl-emphasized-fluid-texticon)", - "spectrum-tabs-xl-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-emphasized-fluid-textonly-name": "Tabs (xl-emphasized-fluid-textonly)", - "spectrum-tabs-xl-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-emphasized-texticon-name": "Tabs (xl-emphasized-texticon)", - "spectrum-tabs-xl-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-emphasized-textonly-name": "Tabs (xl-emphasized-textonly)", - "spectrum-tabs-xl-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-fluid-texticon-name": "Tabs (xl-fluid-texticon)", - "spectrum-tabs-xl-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-fluid-textonly-name": "Tabs (xl-fluid-textonly)", - "spectrum-tabs-xl-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-texticon-name": "Tabs (xl-texticon)", - "spectrum-tabs-xl-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-texticon-status": "Verified", - "spectrum-tabs-xl-texticon-version": "8.1.0", - "spectrum-tabs-xl-textonly-name": "Tabs (xl-textonly)", - "spectrum-tabs-xl-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-textonly-status": "Verified", - "spectrum-tabs-xl-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-name": "Tabs (xl-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-name": "Tabs (xl-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-fluid-center-texticon-name": "Tabs (xl-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-fluid-center-textonly-name": "Tabs (xl-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-quiet-center-texticon-name": "Tabs (xl-quiet-center-texticon)", - "spectrum-tabs-xl-quiet-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-quiet-center-textonly-name": "Tabs (xl-quiet-center-textonly)", - "spectrum-tabs-xl-quiet-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-name": "Tabs (xl-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-name": "Tabs (xl-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-emphasized-center-texticon-name": "Tabs (xl-emphasized-center-texticon)", - "spectrum-tabs-xl-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-emphasized-center-textonly-name": "Tabs (xl-emphasized-center-textonly)", - "spectrum-tabs-xl-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-fluid-center-texticon-name": "Tabs (xl-fluid-center-texticon)", - "spectrum-tabs-xl-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-fluid-center-textonly-name": "Tabs (xl-fluid-center-textonly)", - "spectrum-tabs-xl-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-center-texticon-name": "Tabs (xl-center-texticon)", - "spectrum-tabs-xl-center-texticon-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-center-texticon-status": "Verified", - "spectrum-tabs-xl-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-center-textonly-name": "Tabs (xl-center-textonly)", - "spectrum-tabs-xl-center-textonly-description": "Tabs with options size=xl density=regular orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-center-textonly-status": "Verified", - "spectrum-tabs-xl-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (xl-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (xl-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-name": "Tabs (xl-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-name": "Tabs (xl-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-name": "Tabs (xl-vertical-quiet-fluid-texticon)", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-name": "Tabs (xl-vertical-quiet-fluid-textonly)", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-texticon-name": "Tabs (xl-vertical-quiet-texticon)", - "spectrum-tabs-xl-vertical-quiet-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-textonly-name": "Tabs (xl-vertical-quiet-textonly)", - "spectrum-tabs-xl-vertical-quiet-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-name": "Tabs (xl-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-name": "Tabs (xl-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-texticon-name": "Tabs (xl-vertical-emphasized-texticon)", - "spectrum-tabs-xl-vertical-emphasized-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-textonly-name": "Tabs (xl-vertical-emphasized-textonly)", - "spectrum-tabs-xl-vertical-emphasized-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-fluid-texticon-name": "Tabs (xl-vertical-fluid-texticon)", - "spectrum-tabs-xl-vertical-fluid-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-fluid-textonly-name": "Tabs (xl-vertical-fluid-textonly)", - "spectrum-tabs-xl-vertical-fluid-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-texticon-name": "Tabs (xl-vertical-texticon)", - "spectrum-tabs-xl-vertical-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-textonly-name": "Tabs (xl-vertical-textonly)", - "spectrum-tabs-xl-vertical-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-name": "Tabs (xl-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-name": "Tabs (xl-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-name": "Tabs (xl-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-name": "Tabs (xl-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-center-texticon-name": "Tabs (xl-vertical-quiet-center-texticon)", - "spectrum-tabs-xl-vertical-quiet-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-quiet-center-textonly-name": "Tabs (xl-vertical-quiet-center-textonly)", - "spectrum-tabs-xl-vertical-quiet-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-name": "Tabs (xl-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-name": "Tabs (xl-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-name": "Tabs (xl-vertical-emphasized-center-texticon)", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-name": "Tabs (xl-vertical-emphasized-center-textonly)", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-fluid-center-texticon-name": "Tabs (xl-vertical-fluid-center-texticon)", - "spectrum-tabs-xl-vertical-fluid-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-fluid-center-textonly-name": "Tabs (xl-vertical-fluid-center-textonly)", - "spectrum-tabs-xl-vertical-fluid-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-vertical-center-texticon-name": "Tabs (xl-vertical-center-texticon)", - "spectrum-tabs-xl-vertical-center-texticon-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-vertical-center-texticon-status": "Verified", - "spectrum-tabs-xl-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-vertical-center-textonly-name": "Tabs (xl-vertical-center-textonly)", - "spectrum-tabs-xl-vertical-center-textonly-description": "Tabs with options size=xl density=regular orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-vertical-center-textonly-status": "Verified", - "spectrum-tabs-xl-vertical-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-name": "Tabs (xl-compact-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-name": "Tabs (xl-compact-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-name": "Tabs (xl-compact-quiet-emphasized-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-name": "Tabs (xl-compact-quiet-emphasized-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-name": "Tabs (xl-compact-quiet-fluid-texticon)", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-name": "Tabs (xl-compact-quiet-fluid-textonly)", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-texticon-name": "Tabs (xl-compact-quiet-texticon)", - "spectrum-tabs-xl-compact-quiet-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-textonly-name": "Tabs (xl-compact-quiet-textonly)", - "spectrum-tabs-xl-compact-quiet-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-name": "Tabs (xl-compact-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-name": "Tabs (xl-compact-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-texticon-name": "Tabs (xl-compact-emphasized-texticon)", - "spectrum-tabs-xl-compact-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-textonly-name": "Tabs (xl-compact-emphasized-textonly)", - "spectrum-tabs-xl-compact-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-fluid-texticon-name": "Tabs (xl-compact-fluid-texticon)", - "spectrum-tabs-xl-compact-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-fluid-textonly-name": "Tabs (xl-compact-fluid-textonly)", - "spectrum-tabs-xl-compact-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-texticon-name": "Tabs (xl-compact-texticon)", - "spectrum-tabs-xl-compact-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-texticon-status": "Verified", - "spectrum-tabs-xl-compact-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-textonly-name": "Tabs (xl-compact-textonly)", - "spectrum-tabs-xl-compact-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-textonly-status": "Verified", - "spectrum-tabs-xl-compact-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-name": "Tabs (xl-compact-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-name": "Tabs (xl-compact-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-name": "Tabs (xl-compact-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-name": "Tabs (xl-compact-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-center-texticon-name": "Tabs (xl-compact-quiet-center-texticon)", - "spectrum-tabs-xl-compact-quiet-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-quiet-center-textonly-name": "Tabs (xl-compact-quiet-center-textonly)", - "spectrum-tabs-xl-compact-quiet-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-center-texticon-name": "Tabs (xl-compact-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-emphasized-center-textonly-name": "Tabs (xl-compact-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-fluid-center-texticon-name": "Tabs (xl-compact-fluid-center-texticon)", - "spectrum-tabs-xl-compact-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-fluid-center-textonly-name": "Tabs (xl-compact-fluid-center-textonly)", - "spectrum-tabs-xl-compact-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-center-texticon-name": "Tabs (xl-compact-center-texticon)", - "spectrum-tabs-xl-compact-center-texticon-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-center-textonly-name": "Tabs (xl-compact-center-textonly)", - "spectrum-tabs-xl-compact-center-textonly-description": "Tabs with options size=xl density=compact orientation=horizontal alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-name": "Tabs (xl-compact-vertical-quiet-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-name": "Tabs (xl-compact-vertical-quiet-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-name": "Tabs (xl-compact-vertical-quiet-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-name": "Tabs (xl-compact-vertical-quiet-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-name": "Tabs (xl-compact-vertical-emphasized-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-name": "Tabs (xl-compact-vertical-emphasized-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-name": "Tabs (xl-compact-vertical-emphasized-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-name": "Tabs (xl-compact-vertical-emphasized-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-name": "Tabs (xl-compact-vertical-fluid-texticon)", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-name": "Tabs (xl-compact-vertical-fluid-textonly)", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-texticon-name": "Tabs (xl-compact-vertical-texticon)", - "spectrum-tabs-xl-compact-vertical-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-textonly-name": "Tabs (xl-compact-vertical-textonly)", - "spectrum-tabs-xl-compact-vertical-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=start quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-name": "Tabs (xl-compact-vertical-quiet-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-name": "Tabs (xl-compact-vertical-quiet-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-name": "Tabs (xl-compact-vertical-quiet-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-name": "Tabs (xl-compact-vertical-quiet-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-name": "Tabs (xl-compact-vertical-quiet-center-texticon)", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-name": "Tabs (xl-compact-vertical-quiet-center-textonly)", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=true emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-quiet-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-name": "Tabs (xl-compact-vertical-emphasized-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-name": "Tabs (xl-compact-vertical-emphasized-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-name": "Tabs (xl-compact-vertical-emphasized-center-texticon)", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-name": "Tabs (xl-compact-vertical-emphasized-center-textonly)", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=true fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-emphasized-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-name": "Tabs (xl-compact-vertical-fluid-center-texticon)", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=texticon", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-name": "Tabs (xl-compact-vertical-fluid-center-textonly)", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=true content=textonly", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-fluid-center-textonly-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-center-texticon-name": "Tabs (xl-compact-vertical-center-texticon)", - "spectrum-tabs-xl-compact-vertical-center-texticon-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=texticon", - "spectrum-tabs-xl-compact-vertical-center-texticon-status": "Verified", - "spectrum-tabs-xl-compact-vertical-center-texticon-version": "8.1.0", - "spectrum-tabs-xl-compact-vertical-center-textonly-name": "Tabs (xl-compact-vertical-center-textonly)", - "spectrum-tabs-xl-compact-vertical-center-textonly-description": "Tabs with options size=xl density=compact orientation=vertical alignment=center quiet=false emphasized=false fluid=false content=textonly", - "spectrum-tabs-xl-compact-vertical-center-textonly-status": "Verified", - "spectrum-tabs-xl-compact-vertical-center-textonly-version": "8.1.0", - "spectrum-tag-s-removable-texticon-name": "Tag (s-removable-texticon)", - "spectrum-tag-s-removable-texticon-description": "Tag with options size=s content=texticon removable=true", - "spectrum-tag-s-removable-texticon-status": "Verified", - "spectrum-tag-s-removable-texticon-version": "8.0.0", - "spectrum-tag-s-texticon-name": "Tag (s-texticon)", - "spectrum-tag-s-texticon-description": "Tag with options size=s content=texticon removable=false", - "spectrum-tag-s-texticon-status": "Verified", - "spectrum-tag-s-texticon-version": "8.0.0", - "spectrum-tag-s-removable-textonly-name": "Tag (s-removable-textonly)", - "spectrum-tag-s-removable-textonly-description": "Tag with options size=s content=textonly removable=true", - "spectrum-tag-s-removable-textonly-status": "Verified", - "spectrum-tag-s-removable-textonly-version": "8.0.0", - "spectrum-tag-s-textonly-name": "Tag (s-textonly)", - "spectrum-tag-s-textonly-description": "Tag with options size=s content=textonly removable=false", - "spectrum-tag-s-textonly-status": "Verified", - "spectrum-tag-s-textonly-version": "8.0.0", - "spectrum-tag-m-removable-texticon-name": "Tag (m-removable-texticon)", - "spectrum-tag-m-removable-texticon-description": "Tag with options size=m content=texticon removable=true", - "spectrum-tag-m-removable-texticon-status": "Verified", - "spectrum-tag-m-removable-texticon-version": "8.0.0", - "spectrum-tag-m-texticon-name": "Tag (m-texticon)", - "spectrum-tag-m-texticon-description": "Tag with options size=m content=texticon removable=false", - "spectrum-tag-m-texticon-status": "Verified", - "spectrum-tag-m-texticon-version": "8.0.0", - "spectrum-tag-m-removable-textonly-name": "Tag (m-removable-textonly)", - "spectrum-tag-m-removable-textonly-description": "Tag with options size=m content=textonly removable=true", - "spectrum-tag-m-removable-textonly-status": "Verified", - "spectrum-tag-m-removable-textonly-version": "8.0.0", - "spectrum-tag-m-textonly-name": "Tag (m-textonly)", - "spectrum-tag-m-textonly-description": "Tag with options size=m content=textonly removable=false", - "spectrum-tag-m-textonly-status": "Verified", - "spectrum-tag-m-textonly-version": "8.0.0", - "spectrum-tag-l-removable-texticon-name": "Tag (l-removable-texticon)", - "spectrum-tag-l-removable-texticon-description": "Tag with options size=l content=texticon removable=true", - "spectrum-tag-l-removable-texticon-status": "Verified", - "spectrum-tag-l-removable-texticon-version": "8.0.0", - "spectrum-tag-l-texticon-name": "Tag (l-texticon)", - "spectrum-tag-l-texticon-description": "Tag with options size=l content=texticon removable=false", - "spectrum-tag-l-texticon-status": "Verified", - "spectrum-tag-l-texticon-version": "8.0.0", - "spectrum-tag-l-removable-textonly-name": "Tag (l-removable-textonly)", - "spectrum-tag-l-removable-textonly-description": "Tag with options size=l content=textonly removable=true", - "spectrum-tag-l-removable-textonly-status": "Verified", - "spectrum-tag-l-removable-textonly-version": "8.0.0", - "spectrum-tag-l-textonly-name": "Tag (l-textonly)", - "spectrum-tag-l-textonly-description": "Tag with options size=l content=textonly removable=false", - "spectrum-tag-l-textonly-status": "Verified", - "spectrum-tag-l-textonly-version": "8.0.0", - "spectrum-taggroup-name": "TagGroup (default)", - "spectrum-taggroup-description": "TagGroup with no options", - "spectrum-taggroup-version": "5.0.0", - "spectrum-textarea-s-multiline-quiet-name": "TextArea (s-multiline-quiet)", - "spectrum-textarea-s-multiline-quiet-description": "TextArea with options size=s quiet=true multiline=true", - "spectrum-textarea-s-multiline-quiet-status": "Verified", - "spectrum-textarea-s-multiline-quiet-version": "3.2.0", - "spectrum-textarea-s-quiet-name": "TextArea (s-quiet)", - "spectrum-textarea-s-quiet-description": "TextArea with options size=s quiet=true multiline=false", - "spectrum-textarea-s-quiet-status": "Verified", - "spectrum-textarea-s-quiet-version": "3.2.0", - "spectrum-textarea-s-multiline-name": "TextArea (s-multiline)", - "spectrum-textarea-s-multiline-description": "TextArea with options size=s quiet=false multiline=true", - "spectrum-textarea-s-multiline-status": "Verified", - "spectrum-textarea-s-multiline-version": "3.2.0", - "spectrum-textarea-s-name": "TextArea (s)", - "spectrum-textarea-s-description": "TextArea with options size=s quiet=false multiline=false", - "spectrum-textarea-s-status": "Verified", - "spectrum-textarea-s-version": "3.2.0", - "spectrum-textarea-m-multiline-quiet-name": "TextArea (m-multiline-quiet)", - "spectrum-textarea-m-multiline-quiet-description": "TextArea with options size=m quiet=true multiline=true", - "spectrum-textarea-m-multiline-quiet-status": "Verified", - "spectrum-textarea-m-multiline-quiet-version": "3.2.0", - "spectrum-textarea-m-quiet-name": "TextArea (m-quiet)", - "spectrum-textarea-m-quiet-description": "TextArea with options size=m quiet=true multiline=false", - "spectrum-textarea-m-quiet-status": "Verified", - "spectrum-textarea-m-quiet-version": "3.2.0", - "spectrum-textarea-m-multiline-name": "TextArea (m-multiline)", - "spectrum-textarea-m-multiline-description": "TextArea with options size=m quiet=false multiline=true", - "spectrum-textarea-m-multiline-status": "Verified", - "spectrum-textarea-m-multiline-version": "3.2.0", - "spectrum-textarea-m-name": "TextArea (m)", - "spectrum-textarea-m-description": "TextArea with options size=m quiet=false multiline=false", - "spectrum-textarea-m-status": "Verified", - "spectrum-textarea-m-version": "3.2.0", - "spectrum-textarea-l-multiline-quiet-name": "TextArea (l-multiline-quiet)", - "spectrum-textarea-l-multiline-quiet-description": "TextArea with options size=l quiet=true multiline=true", - "spectrum-textarea-l-multiline-quiet-status": "Verified", - "spectrum-textarea-l-multiline-quiet-version": "3.2.0", - "spectrum-textarea-l-quiet-name": "TextArea (l-quiet)", - "spectrum-textarea-l-quiet-description": "TextArea with options size=l quiet=true multiline=false", - "spectrum-textarea-l-quiet-status": "Verified", - "spectrum-textarea-l-quiet-version": "3.2.0", - "spectrum-textarea-l-multiline-name": "TextArea (l-multiline)", - "spectrum-textarea-l-multiline-description": "TextArea with options size=l quiet=false multiline=true", - "spectrum-textarea-l-multiline-status": "Verified", - "spectrum-textarea-l-multiline-version": "3.2.0", - "spectrum-textarea-l-name": "TextArea (l)", - "spectrum-textarea-l-description": "TextArea with options size=l quiet=false multiline=false", - "spectrum-textarea-l-status": "Verified", - "spectrum-textarea-l-version": "3.2.0", - "spectrum-textarea-xl-multiline-quiet-name": "TextArea (xl-multiline-quiet)", - "spectrum-textarea-xl-multiline-quiet-description": "TextArea with options size=xl quiet=true multiline=true", - "spectrum-textarea-xl-multiline-quiet-status": "Verified", - "spectrum-textarea-xl-multiline-quiet-version": "3.2.0", - "spectrum-textarea-xl-quiet-name": "TextArea (xl-quiet)", - "spectrum-textarea-xl-quiet-description": "TextArea with options size=xl quiet=true multiline=false", - "spectrum-textarea-xl-quiet-status": "Verified", - "spectrum-textarea-xl-quiet-version": "3.2.0", - "spectrum-textarea-xl-multiline-name": "TextArea (xl-multiline)", - "spectrum-textarea-xl-multiline-description": "TextArea with options size=xl quiet=false multiline=true", - "spectrum-textarea-xl-multiline-status": "Verified", - "spectrum-textarea-xl-multiline-version": "3.2.0", - "spectrum-textarea-xl-name": "TextArea (xl)", - "spectrum-textarea-xl-description": "TextArea with options size=xl quiet=false multiline=false", - "spectrum-textarea-xl-status": "Verified", - "spectrum-textarea-xl-version": "3.2.0", - "spectrum-textfield-s-quiet-texticon-name": "Textfield (s-quiet-texticon)", - "spectrum-textfield-s-quiet-texticon-description": "Textfield with options size=s quiet=true content=texticon", - "spectrum-textfield-s-quiet-texticon-status": "Verified", - "spectrum-textfield-s-quiet-texticon-version": "6.2.0", - "spectrum-textfield-s-quiet-textonly-name": "Textfield (s-quiet-textonly)", - "spectrum-textfield-s-quiet-textonly-description": "Textfield with options size=s quiet=true content=textonly", - "spectrum-textfield-s-quiet-textonly-status": "Verified", - "spectrum-textfield-s-quiet-textonly-version": "6.2.0", - "spectrum-textfield-s-texticon-name": "Textfield (s-texticon)", - "spectrum-textfield-s-texticon-description": "Textfield with options size=s quiet=false content=texticon", - "spectrum-textfield-s-texticon-status": "Verified", - "spectrum-textfield-s-texticon-version": "6.2.0", - "spectrum-textfield-s-textonly-name": "Textfield (s-textonly)", - "spectrum-textfield-s-textonly-description": "Textfield with options size=s quiet=false content=textonly", - "spectrum-textfield-s-textonly-status": "Verified", - "spectrum-textfield-s-textonly-version": "6.2.0", - "spectrum-textfield-m-quiet-texticon-name": "Textfield (m-quiet-texticon)", - "spectrum-textfield-m-quiet-texticon-description": "Textfield with options size=m quiet=true content=texticon", - "spectrum-textfield-m-quiet-texticon-status": "Verified", - "spectrum-textfield-m-quiet-texticon-version": "6.2.0", - "spectrum-textfield-m-quiet-textonly-name": "Textfield (m-quiet-textonly)", - "spectrum-textfield-m-quiet-textonly-description": "Textfield with options size=m quiet=true content=textonly", - "spectrum-textfield-m-quiet-textonly-status": "Verified", - "spectrum-textfield-m-quiet-textonly-version": "6.2.0", - "spectrum-textfield-m-texticon-name": "Textfield (m-texticon)", - "spectrum-textfield-m-texticon-description": "Textfield with options size=m quiet=false content=texticon", - "spectrum-textfield-m-texticon-status": "Verified", - "spectrum-textfield-m-texticon-version": "6.2.0", - "spectrum-textfield-m-textonly-name": "Textfield (m-textonly)", - "spectrum-textfield-m-textonly-description": "Textfield with options size=m quiet=false content=textonly", - "spectrum-textfield-m-textonly-status": "Verified", - "spectrum-textfield-m-textonly-version": "6.2.0", - "spectrum-textfield-l-quiet-texticon-name": "Textfield (l-quiet-texticon)", - "spectrum-textfield-l-quiet-texticon-description": "Textfield with options size=l quiet=true content=texticon", - "spectrum-textfield-l-quiet-texticon-status": "Verified", - "spectrum-textfield-l-quiet-texticon-version": "6.2.0", - "spectrum-textfield-l-quiet-textonly-name": "Textfield (l-quiet-textonly)", - "spectrum-textfield-l-quiet-textonly-description": "Textfield with options size=l quiet=true content=textonly", - "spectrum-textfield-l-quiet-textonly-status": "Verified", - "spectrum-textfield-l-quiet-textonly-version": "6.2.0", - "spectrum-textfield-l-texticon-name": "Textfield (l-texticon)", - "spectrum-textfield-l-texticon-description": "Textfield with options size=l quiet=false content=texticon", - "spectrum-textfield-l-texticon-status": "Verified", - "spectrum-textfield-l-texticon-version": "6.2.0", - "spectrum-textfield-l-textonly-name": "Textfield (l-textonly)", - "spectrum-textfield-l-textonly-description": "Textfield with options size=l quiet=false content=textonly", - "spectrum-textfield-l-textonly-status": "Verified", - "spectrum-textfield-l-textonly-version": "6.2.0", - "spectrum-textfield-xl-quiet-texticon-name": "Textfield (xl-quiet-texticon)", - "spectrum-textfield-xl-quiet-texticon-description": "Textfield with options size=xl quiet=true content=texticon", - "spectrum-textfield-xl-quiet-texticon-status": "Verified", - "spectrum-textfield-xl-quiet-texticon-version": "6.2.0", - "spectrum-textfield-xl-quiet-textonly-name": "Textfield (xl-quiet-textonly)", - "spectrum-textfield-xl-quiet-textonly-description": "Textfield with options size=xl quiet=true content=textonly", - "spectrum-textfield-xl-quiet-textonly-status": "Verified", - "spectrum-textfield-xl-quiet-textonly-version": "6.2.0", - "spectrum-textfield-xl-texticon-name": "Textfield (xl-texticon)", - "spectrum-textfield-xl-texticon-description": "Textfield with options size=xl quiet=false content=texticon", - "spectrum-textfield-xl-texticon-status": "Verified", - "spectrum-textfield-xl-texticon-version": "6.2.0", - "spectrum-textfield-xl-textonly-name": "Textfield (xl-textonly)", - "spectrum-textfield-xl-textonly-description": "Textfield with options size=xl quiet=false content=textonly", - "spectrum-textfield-xl-textonly-status": "Verified", - "spectrum-textfield-xl-textonly-version": "6.2.0", - "spectrum-thumbnail-xxs-layer-name": "Thumbnail (xxs-layer)", - "spectrum-thumbnail-xxs-layer-description": "Thumbnail with options size=xxs layer=true", - "spectrum-thumbnail-xxs-layer-status": "Contribution", - "spectrum-thumbnail-xxs-layer-version": "1.2.0", - "spectrum-thumbnail-xxs-name": "Thumbnail (xxs)", - "spectrum-thumbnail-xxs-description": "Thumbnail with options size=xxs layer=false", - "spectrum-thumbnail-xxs-status": "Contribution", - "spectrum-thumbnail-xxs-version": "1.2.0", - "spectrum-thumbnail-xs-layer-name": "Thumbnail (xs-layer)", - "spectrum-thumbnail-xs-layer-description": "Thumbnail with options size=xs layer=true", - "spectrum-thumbnail-xs-layer-status": "Contribution", - "spectrum-thumbnail-xs-layer-version": "1.2.0", - "spectrum-thumbnail-xs-name": "Thumbnail (xs)", - "spectrum-thumbnail-xs-description": "Thumbnail with options size=xs layer=false", - "spectrum-thumbnail-xs-status": "Contribution", - "spectrum-thumbnail-xs-version": "1.2.0", - "spectrum-thumbnail-s-layer-name": "Thumbnail (s-layer)", - "spectrum-thumbnail-s-layer-description": "Thumbnail with options size=s layer=true", - "spectrum-thumbnail-s-layer-status": "Contribution", - "spectrum-thumbnail-s-layer-version": "1.2.0", - "spectrum-thumbnail-s-name": "Thumbnail (s)", - "spectrum-thumbnail-s-description": "Thumbnail with options size=s layer=false", - "spectrum-thumbnail-s-status": "Contribution", - "spectrum-thumbnail-s-version": "1.2.0", - "spectrum-thumbnail-m-layer-name": "Thumbnail (m-layer)", - "spectrum-thumbnail-m-layer-description": "Thumbnail with options size=m layer=true", - "spectrum-thumbnail-m-layer-status": "Contribution", - "spectrum-thumbnail-m-layer-version": "1.2.0", - "spectrum-thumbnail-m-name": "Thumbnail (m)", - "spectrum-thumbnail-m-description": "Thumbnail with options size=m layer=false", - "spectrum-thumbnail-m-status": "Contribution", - "spectrum-thumbnail-m-version": "1.2.0", - "spectrum-thumbnail-l-layer-name": "Thumbnail (l-layer)", - "spectrum-thumbnail-l-layer-description": "Thumbnail with options size=l layer=true", - "spectrum-thumbnail-l-layer-status": "Contribution", - "spectrum-thumbnail-l-layer-version": "1.2.0", - "spectrum-thumbnail-l-name": "Thumbnail (l)", - "spectrum-thumbnail-l-description": "Thumbnail with options size=l layer=false", - "spectrum-thumbnail-l-status": "Contribution", - "spectrum-thumbnail-l-version": "1.2.0", - "spectrum-toast-neutral-name": "Toast (neutral)", - "spectrum-toast-neutral-description": "Toast with options variant=neutral", - "spectrum-toast-neutral-status": "Verified", - "spectrum-toast-neutral-version": "5.0.0", - "spectrum-toast-info-name": "Toast (info)", - "spectrum-toast-info-description": "Toast with options variant=info", - "spectrum-toast-info-status": "Verified", - "spectrum-toast-info-version": "5.0.0", - "spectrum-toast-positive-name": "Toast (positive)", - "spectrum-toast-positive-description": "Toast with options variant=positive", - "spectrum-toast-positive-status": "Verified", - "spectrum-toast-positive-version": "5.0.0", - "spectrum-toast-negative-name": "Toast (negative)", - "spectrum-toast-negative-description": "Toast with options variant=negative", - "spectrum-toast-negative-status": "Verified", - "spectrum-toast-negative-version": "5.0.0", - "spectrum-tooltip-neutral-name": "Tooltip (neutral)", - "spectrum-tooltip-neutral-description": "Tooltip with options variant=neutral", - "spectrum-tooltip-neutral-status": "Verified", - "spectrum-tooltip-neutral-version": "6.0.1", - "spectrum-tooltip-info-name": "Tooltip (info)", - "spectrum-tooltip-info-description": "Tooltip with options variant=info", - "spectrum-tooltip-info-status": "Verified", - "spectrum-tooltip-info-version": "6.0.1", - "spectrum-tooltip-positive-name": "Tooltip (positive)", - "spectrum-tooltip-positive-description": "Tooltip with options variant=positive", - "spectrum-tooltip-positive-status": "Verified", - "spectrum-tooltip-positive-version": "6.0.1", - "spectrum-tooltip-negative-name": "Tooltip (negative)", - "spectrum-tooltip-negative-description": "Tooltip with options variant=negative", - "spectrum-tooltip-negative-status": "Verified", - "spectrum-tooltip-negative-version": "6.0.1", - "spectrum-tray-name": "Tray (default)", - "spectrum-tray-description": "Tray with no options", - "spectrum-tray-status": "Verified", - "spectrum-tray-version": "5.0.0", - "spectrum-treeview-s-name": "TreeView (s)", - "spectrum-treeview-s-description": "TreeView with options size=s", - "spectrum-treeview-s-status": "Contribution", - "spectrum-treeview-s-version": "1.0.0", - "spectrum-treeview-m-name": "TreeView (m)", - "spectrum-treeview-m-description": "TreeView with options size=m", - "spectrum-treeview-m-status": "Contribution", - "spectrum-treeview-m-version": "1.0.0", - "spectrum-treeview-l-name": "TreeView (l)", - "spectrum-treeview-l-description": "TreeView with options size=l", - "spectrum-treeview-l-status": "Contribution", - "spectrum-treeview-l-version": "1.0.0", - "spectrum-treeview-xl-name": "TreeView (xl)", - "spectrum-treeview-xl-description": "TreeView with options size=xl", - "spectrum-treeview-xl-status": "Contribution", - "spectrum-treeview-xl-version": "1.0.0", - "spectrum-well-name": "Well (default)", - "spectrum-well-description": "Well with no options", - "spectrum-well-status": "Contribution", - "spectrum-well-version": "1.0.0" -} diff --git a/components/vars/package.json b/components/vars/package.json deleted file mode 100644 index 0b056a02510..00000000000 --- a/components/vars/package.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "name": "@spectrum-css/vars", - "version": "9.0.8", - "description": "The Spectrum CSS vars package", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/vars" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "main": "dist/spectrum-metadata.json", - "scripts": { - "build": "yarn clean && gulp build", - "clean": "rimraf dist/*", - "copy:metadata": "cp json/spectrum-metadata.json dist/", - "dna:clean": "rimraf css/* js/*", - "dna:update": "yarn dna:clean && gulp update && yarn build" - }, - "devDependencies": { - "@adobe/spectrum-tokens-deprecated": "^11.8.0", - "gulp": "^4.0.0", - "gulp-concat": "^2.6.1", - "gulp-insert": "^0.5.0", - "gulp-replace": "^1.0.0", - "postcss": "^7.0.36", - "replace-ext": "^1.0.0", - "rimraf": "^5.0.1", - "through2": "^3.0.1" - }, - "publishConfig": { - "access": "public" - }, - "nx": { - "targets": { - "build": { - "inputs": [ - "{workspaceRoot}/*.css", - "{workspaceRoot}/css", - "{workspaceRoot}/json" - ] - } - }, - "includedScripts": [ - "build" - ] - } -} diff --git a/components/vars/tasks/updateDNA.js b/components/vars/tasks/updateDNA.js deleted file mode 100644 index 40371a10265..00000000000 --- a/components/vars/tasks/updateDNA.js +++ /dev/null @@ -1,609 +0,0 @@ -/*! -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -const path = require("path"); - -const gulp = require("gulp"); -const through = require("through2"); - -function getCSSVariableReference(value) { - if (value[0] === "$") { - value = value.substr(1); - - // Strip the stop information - value = value.replace(/colorStopData\..*?\.colorTokens\./, "global-color."); - value = value.replace(/colorStopData\..*?\.colorAliases\./, "alias."); - value = value.replace(/colorStopData\..*?\.colorSemantics\./, "semantic."); - // Strip the scale information - value = value.replace( - /scaleData\..*?\.dimensionTokens\./, - "global-dimension." - ); - value = value.replace(/scaleData\..*?\.dimensionAliases\./, "alias."); - // Sub in proper names for globals - value = value.replace(/colorGlobals\./, "global-color."); - value = value.replace(/dimensionGlobals\./, "global-dimension.static-"); - value = value.replace(/fontGlobals\./, "global-font."); - value = value.replace(/animationGlobals\./, "global-animation."); - value = value.replace(/staticAliases\./, "alias."); - - let parts = value.split("."); - return "--spectrum-" + parts.join("-"); - } - return value; -} - -function getCSSVarName(prefix, key) { - key = prefix ? `${prefix}-${key}` : key; - key = `--spectrum-${key}`; - return key; -} - -function getCSSVar(prefix, key, value) { - key = getCSSVarName(prefix, key); - if (value[0] === "$") { - const reference = getCSSVariableReference(value); - return ` ${key}: var(${reference}); -`; - } else { - value = processValue(key, value); - return ` ${key}: ${value}; -`; - } -} - -function initializeObject(array) { - return array.reduce(function (a, v) { - a[v] = {}; - return a; - }, {}); -} - -function populateObject(parentObject, keysOfParent, keyOfChild) { - let obj = {}; - for (let key of keysOfParent) { - obj[key] = parentObject[key][keyOfChild]; - } - return obj; -} - -function processValue(name, value) { - if (name.indexOf("animation") !== -1) { - if (value[0] === "(") { - return `cubic-bezier${value}`; - } else if (name.match(/delay$/) && value.indexOf("ms") === -1) { - return `${value}ms`; - } - return value; - } - if ( - name.match(/opacity/) && - typeof value === "string" && - value.substr(-1) === "%" - ) { - return parseInt(value, 10) / 100; - } - return value; -} - -function isColorValue(key, value) { - return ( - key.match(/opacity/) || - key.match(/-color(-|$)/) || - value.match(/rgba\(|rgb\(|transparent/) || - value.match(/\$color/) - ); -} - -const dropTokens = { - name: true, - description: true, - "status:": true, - varBaseName: true, -}; - -function calculateOverrides(objects, processValue) { - let identical = {}; - let overrides = {}; - for (let objectName of Object.keys(objects)) { - overrides[objectName] = {}; - } - - // Get all the keys from all the objects - let keys = []; - for (let object of Object.values(objects)) { - for (let key in object) { - if (keys.indexOf(key) === -1) { - keys.push(key); - } - } - } - - // Assume we have the same keys in each object - for (let key of keys) { - let isIdentical = true; - let value; - - for (let [objectName, object] of Object.entries(objects)) { - value = object[key]; - - if (dropTokens[key]) { - overrides[objectName][key] = value; - identical[key] = value; - continue; - } - - let compareValue = processValue(object[key]); - - // Check if the value is the same the same in all other objects - for (let [otherObjectName, otherObject] of Object.entries(objects)) { - let otherValue = otherObject[key]; - let otherCompareValue = processValue(otherObject[key]); - - if (!isIdentical || compareValue !== otherCompareValue) { - isIdentical = false; - overrides[otherObjectName][key] = otherValue; - overrides[objectName][key] = value; - } - } - } - - if (isIdentical) { - identical[key] = value; - } - } - - return [identical, overrides]; -} - -function generateDNAFiles() { - const dnaJSONPath = path.join( - path.dirname(require.resolve("@adobe/spectrum-tokens-deprecated")), - "..", - "dist", - "data", - "json", - "dna-linked.json" - ); - return gulp - .src(dnaJSONPath) - .pipe( - through.obj(function translateJSON(file, enc, cb) { - let pushFile = (contents, fileName, folder) => { - let vinylFile = file.clone({ - contents: false, - }); - vinylFile.path = path.join(file.base, folder || "", fileName); - vinylFile.contents = Buffer.from(contents); - this.push(vinylFile); - }; - - let generateCSSFile = (sections, fileName, folder) => { - let contents = `:root { -`; - - sections.forEach((section) => { - let prefix = section.varBaseName; - for (let key in section) { - if (dropTokens[key]) { - continue; - } - - let value = section[key]; - if (value[0] === "[" && value[value.length - 1] === "]") { - console.error(`Skipping ${prefix}-${key}, value is an array`); - continue; - } - - if (value.startsWith("rgb(")) { - // Make -rgb variables for everything that's an actual rgb() - contents += getCSSVar( - prefix, - key + "-rgb", - value.replace(/^rgb\((.*?)\)/, "$1") - ); - contents += getCSSVar( - prefix, - key, - `rgb(var(${getCSSVarName(prefix, key)}-rgb))` - ); - } else { - contents += getCSSVar(prefix, key, value); - } - } - }); - - contents += `} -`; - - pushFile(contents, `spectrum-${fileName}.css`, folder); - }; - - let generateFiles = (sections, fileName, folder = "") => { - generateCSSFile(sections, fileName, `css/${folder}`); - }; - - let data = JSON.parse(String(file.contents)); - let dnaData = data.dna; - let metadata = { - "dna-version": dnaData.version, - }; - - // Get the list of stops and scales - let stops = Object.keys(dnaData.colorStopData).filter((stopName) => { - return ( - dnaData.colorStopData[stopName].colorTokens.status !== "Deprecated" - ); - }); - let scales = Object.keys(dnaData.scaleData); - let components = Object.keys( - dnaData.components[stops[0]][scales[0]] - ).filter((componentName) => { - // Ok this is gross, but we have to skip this bad boy because it duplicates tokens from selectlist! - return componentName !== "select"; - }); - - // Anything that doesn't consistently reference the same variable or value between stops/scales - let componentColorOverrides = initializeObject(stops); - let componentDimensionOverrides = initializeObject(scales); - - // Globals - [ - "colorGlobals", - "fontGlobals", - "dimensionGlobals", - "animationGlobals", - "staticAliases", - ].forEach((key) => { - generateCSSFile([dnaData[key]], key, "css/globals"); - }); - - // Elements - let jsElementVariables = initializeObject(components); - let componentVariables = initializeObject(components); - let colorVariables = {}; - let dimensionVariables = {}; - let cssFilesGenerated = {}; - let overriddenTokens = {}; - - function addColorVariable( - componentName, - varName, - value, - varBaseName, - stopName, - stateName - ) { - // Strip invalid # from placeholder variables - varName = varName.replace("#", "_"); - - if (stateName && stateName !== "default") { - varName += `-${stateName}`; - } - - let fullName = `${varBaseName}-${varName}`; - let cssVariableName = getCSSVariableReference(value); - if ( - colorVariables[fullName] && - colorVariables[fullName].cssVariableName !== cssVariableName - ) { - // logger.debug(`Found override for ${fullName} (${colorVariables[fullName].cssVariableName} vs ${cssVariableName})`); - componentColorOverrides[colorVariables[fullName].name][fullName] = - colorVariables[fullName].value; - componentColorOverrides[stopName][fullName] = value; - overriddenTokens[fullName] = true; - delete componentVariables[componentName][fullName]; - } else if (!overriddenTokens[fullName]) { - componentVariables[componentName][fullName] = value; - } - colorVariables[fullName] = { - name: stopName, - value: value, - cssVariableName: cssVariableName, - }; - jsElementVariables[componentName][varName] = value; - } - - function addDimensionVariable( - componentName, - varName, - value, - varBaseName, - scaleName, - stateName - ) { - // Strip invalid # from placeholder variables - varName = varName.replace("#", "_"); - - if (stateName && stateName !== "default") { - varName += `-${stateName}`; - } - - let fullName = `${varBaseName}-${varName}`; - let cssVariableName = getCSSVariableReference(value); - if ( - dimensionVariables[fullName] && - dimensionVariables[fullName].cssVariableName !== cssVariableName - ) { - componentDimensionOverrides[dimensionVariables[fullName].name][ - fullName - ] = dimensionVariables[fullName].value; - componentDimensionOverrides[scaleName][fullName] = value; - overriddenTokens[fullName] = true; - delete componentVariables[componentName][fullName]; - } else if (!overriddenTokens[fullName]) { - componentVariables[componentName][fullName] = value; - } - dimensionVariables[fullName] = { - name: scaleName, - value: value, - cssVariableName: cssVariableName, - }; - jsElementVariables[componentName][varName] = value; - } - - for (let stopName of stops) { - let stop = dnaData.components[stopName]; - - for (let scaleName of scales) { - let scale = stop[scaleName]; - - for (let componentName of components) { - let component = scale[componentName]; - - for (let variantName in component) { - let variant = component[variantName]; - - let metadataKeyBase = - "spectrum-" + - componentName + - (variantName === "default" ? "" : `-${variantName}`); - metadata[`${metadataKeyBase}-name`] = variant.name; - metadata[`${metadataKeyBase}-description`] = - variant.description; - metadata[`${metadataKeyBase}-status`] = variant.status; - metadata[`${metadataKeyBase}-version`] = variant.version; - - if (variant.states) { - for (let stateName in variant.states) { - let state = variant.states[stateName]; - if (stateName === "text-color") - console.log({ - variant, - }); - for (let key in state) { - let value = state[key]; - let varName = key; - if (isColorValue(varName, value)) { - addColorVariable( - componentName, - varName, - value, - variant.varBaseName, - stopName, - stateName - ); - } else { - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName, - stateName - ); - } - } - } - } - - if (variant.colors) { - for (let key in variant.colors) { - let value = variant.colors[key]; - let varName = key; - addColorVariable( - componentName, - varName, - value, - variant.varBaseName, - stopName - ); - } - } - - if (variant.dimensions) { - for (let key in variant.dimensions) { - let value = variant.dimensions[key]; - let varName = key; - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName - ); - } - } - - if (variant.animation) { - for (let key in variant.animation) { - let value = variant.animation[key]; - let varName = key; - addDimensionVariable( - componentName, - varName, - value, - variant.varBaseName, - scaleName - ); - } - } - } - } - } - } - - for (let componentName of components) { - generateCSSFile( - [componentVariables[componentName]], - componentName, - "css/components" - ); - cssFilesGenerated[componentName] = true; - } - - pushFile( - JSON.stringify(metadata, null, 2), - "spectrum-metadata.json", - "json/" - ); - - // Determine alias overrides - let [colorAliases] = calculateOverrides( - populateObject(dnaData.colorStopData, stops, "colorAliases"), - getCSSVariableReference - ); - - // Remove aliases with the same values from colorstops - for (let aliasName in colorAliases) { - if (dropTokens[aliasName]) { - continue; - } - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - delete stop.colorAliases[aliasName]; - } - } - - // Write out common aliases - generateCSSFile([colorAliases], "colorAliases", "css/globals/"); - - // Determine semantic overrides - let [colorSemantics] = calculateOverrides( - populateObject(dnaData.colorStopData, stops, "colorSemantics"), - getCSSVariableReference - ); - - // Remove semantics with the same values from colorstops - for (let semanticName in colorSemantics) { - if (dropTokens[semanticName]) { - continue; - } - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - delete stop.colorSemantics[semanticName]; - } - } - - generateCSSFile([colorSemantics], "colorSemantics", "css/globals/"); - - // Write out stops - for (let stopName in dnaData.colorStopData) { - let stop = dnaData.colorStopData[stopName]; - if (stop.colorTokens.status === "Deprecated") { - continue; - } - - generateFiles( - [ - stop.colorTokens, - stop.colorAliases, - stop.colorSemantics, - componentColorOverrides[stopName], - ], - stopName, - "themes" - ); - } - - // Determine dimension alias overrides - let [dimensionAliases] = calculateOverrides( - populateObject(dnaData.scaleData, scales, "dimensionAliases"), - getCSSVariableReference - ); - - // Remove aliases with the same values from scales - for (let aliasName in dimensionAliases) { - if (dropTokens[aliasName]) { - continue; - } - for (let scaleName in dnaData.scaleData) { - let scale = dnaData.scaleData[scaleName]; - delete scale.dimensionAliases[aliasName]; - } - } - - generateCSSFile([dimensionAliases], "dimensionAliases", "css/globals/"); - - // Scales - for (let scaleName in dnaData.scaleData) { - let scale = dnaData.scaleData[scaleName]; - - generateFiles( - [ - scale.dimensionTokens, - scale.dimensionAliases, - componentDimensionOverrides[scaleName], - ], - scaleName, - "scales" - ); - } - - cb(); - }) - ) - .pipe(gulp.dest("./")); -} - -function generateIndex(source, dest) { - return function generateIndex() { - let lastFile; - let componentFilenames = []; - return gulp - .src(source) - .pipe( - through.obj( - function (file, enc, cb) { - lastFile = file; - componentFilenames.push(path.basename(file.path)); - cb(null); - }, - function (cb) { - let vinylFile = lastFile.clone({ - contents: false, - }); - vinylFile.path = path.join(lastFile.base, "index.css"); - vinylFile.contents = Buffer.from( - componentFilenames - .map((fileName) => `@import '${fileName}';`) - .join("\n") - ); - this.push(vinylFile); - cb(); - } - ) - ) - .pipe(gulp.dest(dest)); - }; -} - -let generateComponentIndex = generateIndex( - "css/components/*.css", - "css/components/" -); -let generateGlobalsIndex = generateIndex("css/globals/*.css", "css/globals/"); - -exports.updateDNA = gulp.series( - generateDNAFiles, - gulp.parallel(generateComponentIndex, generateGlobalsIndex) -); diff --git a/package.json b/package.json index a3e0e41878d..9827dd18622 100644 --- a/package.json +++ b/package.json @@ -74,6 +74,8 @@ "@commitlint/cli": "^17.7.1", "@commitlint/config-conventional": "^17.7.0", "@nx/devkit": "^17.0.2", + "@spectrum-css/expressvars": "^3.0.9", + "@spectrum-css/vars": "^9.0.8", "conventional-changelog-spectrum": "^1.0.2", "gh-pages": "^6.0.0", "gulp": "^4.0.0", diff --git a/plugins/conventional-changelog-spectrum/package.json b/plugins/conventional-changelog-spectrum/package.json index 16b15b39e35..b7030f3a24d 100644 --- a/plugins/conventional-changelog-spectrum/package.json +++ b/plugins/conventional-changelog-spectrum/package.json @@ -33,8 +33,5 @@ "conventional-changelog", "preset", "spectrum" - ], - "engines": { - "node": ">=6.9.0" - } + ] } diff --git a/site/includes/dependencies.pug b/site/includes/dependencies.pug index d0995785ea3..95598bcd208 100644 --- a/site/includes/dependencies.pug +++ b/site/includes/dependencies.pug @@ -5,14 +5,14 @@ link(rel='icon', type='image/png', href='favicon.png') link(rel='stylesheet', type='text/css', href='css/prism/prism.css', data-prism) -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-global.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-global.css') -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-darkest.css') -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-dark.css') -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-light.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-darkest.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-dark.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-light.css') -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-medium.css') -link(rel='stylesheet', type='text/css', href='components/vars/spectrum-large.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-medium.css') +link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-large.css') link(rel='stylesheet', type='text/css', href='components/tokens/index.css') diff --git a/site/templates/individualComponent.pug b/site/templates/individualComponent.pug index 434be4a7e09..a79514fb412 100644 --- a/site/templates/individualComponent.pug +++ b/site/templates/individualComponent.pug @@ -41,11 +41,11 @@ html(lang='en-US' dir="ltr").spectrum.spectrum--light.spectrum--medium title #{component.name} - Spectrum CSS meta(name="viewport", content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0") - link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-light.css') - link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-dark.css') - link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-darkest.css') - link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-medium.css') - link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/spectrum-large.css') + link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/dist/spectrum-light.css') + link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/dist/spectrum-dark.css') + link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/dist/spectrum-darkest.css') + link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/dist/spectrum-medium.css') + link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/vars/dist/spectrum-large.css') each dep in deps link(rel='stylesheet', type='text/css', href='dependencies/@spectrum-css/' + dep + '/index-vars.css') diff --git a/tasks/clean-up-after-migration.sh b/tasks/clean-up-after-migration.sh index f5a9ea0699a..980e13846fc 100644 --- a/tasks/clean-up-after-migration.sh +++ b/tasks/clean-up-after-migration.sh @@ -20,8 +20,8 @@ test -d "tools/generator" && rm -rf tools/generator test -d "tools/preview" && rm -rf tools/preview # Legacy tokens packages -# test -d "components/vars" && rm -rf components/vars -# test -d "components/expressvars" && rm -rf components/expressvars +test -d "components/vars" && rm -rf components/vars +test -d "components/expressvars" && rm -rf components/expressvars test -d "components/tokens" && rm -rf components/tokens # test -d "plugins/legacy-postcss-dropdupedvars" && rm -rf plugins/legacy-postcss-dropdupedvars diff --git a/tools/bundle-builder/index.js b/tools/bundle-builder/index.js index 4107b4a912c..591010d225e 100644 --- a/tools/bundle-builder/index.js +++ b/tools/bundle-builder/index.js @@ -181,7 +181,7 @@ function copyPackages() { .pipe(gulp.dest("dist/components/")); } -const buildDocs = gulp.parallel(docs.build, copyPackages); +const buildDocs = gulp.parallel(docs.build, vars.copyVars, copyPackages); function buildIfTopLevel() { let builtTasks = gulp.parallel(buildCombined, buildStandalone, buildDocs); @@ -220,8 +220,6 @@ if (process.cwd() === dirs.topLevel) { exports.devHeavy = gulp.series(buildHeavy, dev.watch); -exports.copyVars = vars.copyVars; - exports.buildUniqueVars = vars.buildUnique; exports.buildComponents = subrunner.buildComponents; diff --git a/tools/bundle-builder/vars/index.js b/tools/bundle-builder/vars/index.js index e8fda9a5a22..c931c5e5c0b 100644 --- a/tools/bundle-builder/vars/index.js +++ b/tools/bundle-builder/vars/index.js @@ -7,6 +7,8 @@ const postcss = require("postcss"); const dirs = require("../lib/dirs.js"); +const destination = path.join(__dirname, "../../../dist"); + const varDir = path.dirname(require.resolve("@spectrum-css/vars/package.json", { paths: [process.cwd(), path.join(process.cwd(), "../../")] })); @@ -162,7 +164,7 @@ function buildUnique() { file.basename += "-unique"; }) ) - .pipe(gulp.dest("dist/vars/")) + .pipe(gulp.dest(`${destination}/dependencies/@spectrum-css/vars/`)) .on("finish", resolve) .on("error", reject); }); @@ -171,19 +173,19 @@ function buildUnique() { function copyVars() { return gulp .src(path.join(varDir, "dist/spectrum-*.css")) - .pipe(gulp.dest("dist/components/vars/")); + .pipe(gulp.dest(`${destination}/dependencies/@spectrum-css/vars/`)); } function copyExpressVars() { return gulp .src(path.join(expressVarDir, "dist/spectrum-*.css")) - .pipe(gulp.dest("dist/components/expressvars/")); + .pipe(gulp.dest(`${destination}/dependencies/@spectrum-css/expressvars/`)); } function copyCoreTokens() { return gulp .src(path.join(coreTokensDir, "dist/**/*.css")) - .pipe(gulp.dest("dist/tokens/")); + .pipe(gulp.dest(`${destination}/tokens/`)); } exports.buildUnique = buildUnique; diff --git a/tools/component-builder-simple/css/index.js b/tools/component-builder-simple/css/index.js index ee23fe5c99f..5ce57459a1b 100644 --- a/tools/component-builder-simple/css/index.js +++ b/tools/component-builder-simple/css/index.js @@ -11,88 +11,11 @@ governing permissions and limitations under the License. */ const gulp = require("gulp"); -const logger = require("gulplog"); -const colors = require("colors"); -const path = require("path"); -const through = require("through2"); const postcss = require("gulp-postcss"); const concat = require("gulp-concat"); -const postcssReal = require("postcss"); -const fsp = require("fs").promises; -const { parse } = require("postcss-values-parser"); const processorsFunction = require("./processors").getProcessors; const processors = processorsFunction(); -function getTokensUsedInValueNode(node, usedTokens) { - usedTokens = usedTokens ?? []; - if (node.nodes) { - node.nodes.forEach((subNode) => { - if (subNode.type === "word" && subNode.value.startsWith("--")) { - usedTokens.push(subNode.value); - } else if (subNode.type === "func") { - getTokensUsedInValueNode(subNode, usedTokens); - } - }); - } - return usedTokens; -} - -function getTokensUsedInCSS(root, coreTokens, componentTokens) { - let usedTokens = []; - let coreTokensUsed = {}; - let componentTokensUsed = {}; - - root.walkRules((rule) => { - rule.walkDecls((decl) => { - let matches = decl.value.match(/var\(.*?\)/g); - if (matches) { - let parsed = parse(decl.value); - parsed.nodes.forEach((node) => { - const usedTokensInValue = getTokensUsedInValueNode(node); - usedTokensInValue.forEach((tokenName) => { - if (coreTokens[tokenName]) { - coreTokensUsed[tokenName] = (coreTokensUsed[tokenName] ?? 0) + 1; - } else if (componentTokens[tokenName]) { - componentTokensUsed[tokenName] = - (componentTokensUsed[tokenName] ?? 0) + 1; - } - if (usedTokens.indexOf(tokenName) === -1) { - usedTokens.push(tokenName); - } - }); - }); - } - }); - }); - - return { usedTokens, coreTokensUsed, componentTokensUsed }; -} - -function getTokensDefinedInCSS(root) { - let variables = {}; - - root.walkRules((rule) => { - rule.walkDecls((decl) => { - if (decl.prop.startsWith("--")) { - variables[decl.prop] = decl.value; - } - }); - }); - - return variables; -} - -async function getCoreTokens() { - const fetchOptions = { - paths: [process.cwd(), path.join(process.cwd(), "../../")], - }; - /* Resolve core tokens first from the current working directory, or if not found, from the root of the monorepo */ - const coreTokensFile = require.resolve("@spectrum-css/tokens", fetchOptions); - let contents = await fsp.readFile(coreTokensFile, "utf8"); - let root = postcssReal.parse(contents); - return getTokensDefinedInCSS(root); -} - function buildCSS() { return gulp .src([ @@ -154,84 +77,10 @@ function buildExpressTheme() { .pipe(gulp.dest("dist/themes/")); } -let coreTokens = null; -function checkCSS(glob) { - return gulp - .src(glob) - .pipe(concat("index-combined.css")) - .pipe( - through.obj(async function doBake(file, enc, cb) { - // Fetch core tokes once during the build - if (coreTokens === null) { - coreTokens = await getCoreTokens(); - } - - let pkg = JSON.parse(await fsp.readFile(path.join("package.json"))); - - // Parse only once - let root = postcssReal.parse(file.contents); - - // Get tokens defined inside of the component - let componentTokens = getTokensDefinedInCSS(root); - - // Find all tokens used in the component - let { usedTokens } = getTokensUsedInCSS( - root, - coreTokens, - componentTokens - ); - - // Make sure the component doesn't use any undefined tokens - usedTokens.forEach((tokenName) => { - if ( - !coreTokens[tokenName] && - !componentTokens[tokenName] && - !tokenName.startsWith("--mod") && - !tokenName.startsWith("--highcontrast") - ) { - tokenName = `${tokenName}`.cyan; - logger.warn( - `${"◆".yellow} ${pkg.name} uses ${ - "undefined".underline - } token ${tokenName}` - ); - } - }); - - // 2023-05-10: Should remove this to allow for more cascading values to influence nested components - // Make sure all tokens defined in the component are used - Object.keys(componentTokens).forEach((tokenName) => { - if (!usedTokens.includes(tokenName)) { - tokenName = `${tokenName}`.cyan; - logger.warn( - `${"◆".yellow} ${ - pkg.name - } defines ${tokenName}, but does not use it ${ - "internally".italic - }` - ); - } - }); - - cb(null); - }) - ); -} - -function checkSourceCSS() { - return checkCSS(["themes/*.css", "index.css"]); -} - -function checkBuiltCSS() { - return checkCSS("dist/index.css"); -} - exports.buildCSS = gulp.series( - checkSourceCSS, gulp.parallel( buildCSS, buildCSSWithoutThemes, gulp.series(buildCSSThemes, buildCSSThemeIndex, buildExpressTheme) ), - checkBuiltCSS ); diff --git a/yarn.lock b/yarn.lock index 7ca147267bb..9fc70c288bb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -61,16 +61,6 @@ resolved "https://registry.yarnpkg.com/@adobe/spectrum-css-workflow-icons/-/spectrum-css-workflow-icons-1.5.4.tgz#0e09ff519c36139176c3ba3ce617a995c9032f67" integrity sha512-sZ19YOLGw5xTZzCEkVXPjf53lXVzo063KmDTJjpSjy/XLVsF+RaX0b436SfSM4hsIUZ7n27+UsbOvzFaFjcYXw== -"@adobe/spectrum-express-tokens-deprecated@^1.0.0-beta.35": - version "1.0.0-beta.35" - resolved "https://registry.yarnpkg.com/@adobe/spectrum-express-tokens-deprecated/-/spectrum-express-tokens-deprecated-1.0.0-beta.35.tgz#f45d272ccd64c43cbca086c112988f0949fbdb29" - integrity sha512-7DfRA/dR/8lo0+v/jYc8pCkADriRHN2EaXcUcVRwjmmeFwONRfYgpC1N9d/drvtzVjSo0q42Z1Bj12QKeFA/Zw== - -"@adobe/spectrum-tokens-deprecated@^11.8.0": - version "11.8.0" - resolved "https://registry.yarnpkg.com/@adobe/spectrum-tokens-deprecated/-/spectrum-tokens-deprecated-11.8.0.tgz#7edf6f7b7e3c22581e0732c8de97fa0a68ed66b9" - integrity sha512-LW2SA/8VhW868tEcgIcugx7xdtgFG3KiUoEz+4s2nHTdmKj0h2A9pnTNplVTNAMq2uPSfp6wKKvQNNnMSIXqCg== - "@adobe/spectrum-tokens@12.22.1": version "12.22.1" resolved "https://registry.yarnpkg.com/@adobe/spectrum-tokens/-/spectrum-tokens-12.22.1.tgz#39ac4ca2110eec1629043e0535cca0b171c2bc27" @@ -99,38 +89,38 @@ "@babel/highlight" "^7.22.13" chalk "^2.4.2" -"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9", "@babel/compat-data@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.2.tgz#6a12ced93455827037bfb5ed8492820d60fc32cc" - integrity sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ== +"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9", "@babel/compat-data@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.3.tgz#3febd552541e62b5e883a25eb3effd7c7379db11" + integrity sha512-BmR4bWbDIoFJmJ9z2cZ8Gmm2MXgEDgjdWgpKmKWUt54UGFJdlj31ECtbaDvCG/qVdG3AQ1SfpZEs01lUFbzLOQ== "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.22.0", "@babel/core@^7.22.1", "@babel/core@^7.22.9": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.2.tgz#ed10df0d580fff67c5f3ee70fd22e2e4c90a9f94" - integrity sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.3.tgz#5ec09c8803b91f51cc887dedc2654a35852849c9" + integrity sha512-Jg+msLuNuCJDyBvFv5+OKOUjWMZgd85bKjbICd3zWrKAo+bJ49HJufi7CQE0q0uR8NGyO6xkCACScNqyjHSZew== dependencies: "@ampproject/remapping" "^2.2.0" "@babel/code-frame" "^7.22.13" - "@babel/generator" "^7.23.0" + "@babel/generator" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helpers" "^7.23.2" - "@babel/parser" "^7.23.0" + "@babel/parser" "^7.23.3" "@babel/template" "^7.22.15" - "@babel/traverse" "^7.23.2" - "@babel/types" "^7.23.0" + "@babel/traverse" "^7.23.3" + "@babel/types" "^7.23.3" convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" json5 "^2.2.3" semver "^6.3.1" -"@babel/generator@^7.22.9", "@babel/generator@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420" - integrity sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g== +"@babel/generator@^7.22.9", "@babel/generator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.3.tgz#86e6e83d95903fbe7613f448613b8b319f330a8e" + integrity sha512-keeZWAV4LU3tW0qRi19HRpabC/ilM0HRBBzf9/k8FFiG4KVpiv0FIy4hHfLfFQZNhziCTPTmd59zoyv6DNISzg== dependencies: - "@babel/types" "^7.23.0" + "@babel/types" "^7.23.3" "@jridgewell/gen-mapping" "^0.3.2" "@jridgewell/trace-mapping" "^0.3.17" jsesc "^2.5.1" @@ -142,14 +132,14 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5": +"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956" integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw== dependencies: "@babel/types" "^7.22.15" -"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6": +"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52" integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw== @@ -160,7 +150,7 @@ lru-cache "^5.1.1" semver "^6.3.1" -"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5": +"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.22.15": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4" integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg== @@ -175,7 +165,7 @@ "@babel/helper-split-export-declaration" "^7.22.6" semver "^6.3.1" -"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5": +"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1" integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w== @@ -222,17 +212,17 @@ dependencies: "@babel/types" "^7.23.0" -"@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5": +"@babel/helper-module-imports@^7.22.15": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0" integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w== dependencies: "@babel/types" "^7.22.15" -"@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz#3ec246457f6c842c0aee62a01f60739906f7047e" - integrity sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw== +"@babel/helper-module-transforms@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1" + integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ== dependencies: "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-module-imports" "^7.22.15" @@ -252,7 +242,7 @@ resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295" integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg== -"@babel/helper-remap-async-to-generator@^7.22.20", "@babel/helper-remap-async-to-generator@^7.22.5": +"@babel/helper-remap-async-to-generator@^7.22.20": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0" integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw== @@ -261,7 +251,7 @@ "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-wrap-function" "^7.22.20" -"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9": +"@babel/helper-replace-supers@^7.22.20", "@babel/helper-replace-supers@^7.22.9": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz#e37d367123ca98fe455a9887734ed2e16eb7a793" integrity sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw== @@ -296,11 +286,6 @@ resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f" integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw== -"@babel/helper-validator-identifier@^7.22.15", "@babel/helper-validator-identifier@^7.22.5": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044" - integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ== - "@babel/helper-validator-identifier@^7.22.20": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0" @@ -330,39 +315,42 @@ "@babel/types" "^7.23.0" "@babel/highlight@^7.22.13": - version "7.22.13" - resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16" - integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ== + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54" + integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg== dependencies: - "@babel/helper-validator-identifier" "^7.22.5" + "@babel/helper-validator-identifier" "^7.22.20" chalk "^2.4.2" js-tokens "^4.0.0" -"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.22.7", "@babel/parser@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719" - integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw== +"@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.22.7", "@babel/parser@^7.23.3", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.3.tgz#0ce0be31a4ca4f1884b5786057cadcb6c3be58f9" + integrity sha512-uVsWNvlVsIninV2prNz/3lHCb+5CJ+e+IUBfbjToAHODtfGYLfCFuY4AU7TskI+dAKk+njsPiBjq1gKTvZOBaw== -"@babel/parser@^7.6.0", "@babel/parser@^7.9.6": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.15.tgz#d34592bfe288a32e741aa0663dbc4829fcd55160" - integrity sha512-RWmQ/sklUN9BvGGpCDgSubhHWfAx24XDTDObup4ffvxaYsptOg2P3KG0j+1eWKLxpkX0j0uHxmpq2Z1SP/VhxA== - -"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962" - integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg== +"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz#5cd1c87ba9380d0afb78469292c954fee5d2411a" + integrity sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f" - integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ== +"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz#f6652bb16b94f8f9c20c50941e16e9756898dc5d" + integrity sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" - "@babel/plugin-transform-optional-chaining" "^7.22.15" + "@babel/plugin-transform-optional-chaining" "^7.23.3" + +"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz#20c60d4639d18f7da8602548512e9d3a4c8d7098" + integrity sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-proposal-class-properties@^7.13.0": version "7.18.6" @@ -429,24 +417,24 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.3" -"@babel/plugin-syntax-flow@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859" - integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ== +"@babel/plugin-syntax-flow@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.23.3.tgz#084564e0f3cc21ea6c70c44cff984a1c0509729a" + integrity sha512-YZiAIpkJAwQXBJLIQbRFayR5c+gJ35Vcz3bg954k7cd73zqjvhacJuL9RbrzPz8qPmZdgqP6EUKwy0PCNhaaPA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-syntax-import-assertions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98" - integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg== +"@babel/plugin-syntax-import-assertions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz#9c05a7f592982aff1a2768260ad84bcd3f0c77fc" + integrity sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-syntax-import-attributes@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb" - integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg== +"@babel/plugin-syntax-import-attributes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz#992aee922cf04512461d7dae3ff6951b90a2dc06" + integrity sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -464,10 +452,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.0" -"@babel/plugin-syntax-jsx@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz#a6b68e84fb76e759fc3b93e901876ffabbe1d918" - integrity sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg== +"@babel/plugin-syntax-jsx@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz#8f2e4f8a9b5f9aa16067e142c1ac9cd9f810f473" + integrity sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -527,10 +515,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-syntax-typescript@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272" - integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ== +"@babel/plugin-syntax-typescript@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz#24f460c85dbbc983cd2b9c4994178bcc01df958f" + integrity sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" @@ -542,219 +530,219 @@ "@babel/helper-create-regexp-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-arrow-functions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958" - integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw== +"@babel/plugin-transform-arrow-functions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz#94c6dcfd731af90f27a79509f9ab7fb2120fc38b" + integrity sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-async-generator-functions@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz#054afe290d64c6f576f371ccc321772c8ea87ebb" - integrity sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ== +"@babel/plugin-transform-async-generator-functions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.3.tgz#9df2627bad7f434ed13eef3e61b2b65cafd4885b" + integrity sha512-59GsVNavGxAXCDDbakWSMJhajASb4kBCqDjqJsv+p5nKdbz7istmZ3HrX3L2LuiI80+zsOADCvooqQH3qGCucQ== dependencies: "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-remap-async-to-generator" "^7.22.20" "@babel/plugin-syntax-async-generators" "^7.8.4" -"@babel/plugin-transform-async-to-generator@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775" - integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ== +"@babel/plugin-transform-async-to-generator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz#d1f513c7a8a506d43f47df2bf25f9254b0b051fa" + integrity sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw== dependencies: - "@babel/helper-module-imports" "^7.22.5" + "@babel/helper-module-imports" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-remap-async-to-generator" "^7.22.5" + "@babel/helper-remap-async-to-generator" "^7.22.20" -"@babel/plugin-transform-block-scoped-functions@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024" - integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA== +"@babel/plugin-transform-block-scoped-functions@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz#fe1177d715fb569663095e04f3598525d98e8c77" + integrity sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-block-scoping@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz#8744d02c6c264d82e1a4bc5d2d501fd8aff6f022" - integrity sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g== +"@babel/plugin-transform-block-scoping@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.3.tgz#e99a3ff08f58edd28a8ed82481df76925a4ffca7" + integrity sha512-QPZxHrThbQia7UdvfpaRRlq/J9ciz1J4go0k+lPBXbgaNeY7IQrBj/9ceWjvMMI07/ZBzHl/F0R/2K0qH7jCVw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-class-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77" - integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ== +"@babel/plugin-transform-class-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz#35c377db11ca92a785a718b6aa4e3ed1eb65dc48" + integrity sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-class-static-block@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974" - integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g== +"@babel/plugin-transform-class-static-block@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.3.tgz#56f2371c7e5bf6ff964d84c5dc4d4db5536b5159" + integrity sha512-PENDVxdr7ZxKPyi5Ffc0LjXdnJyrJxyqF5T5YjlVg4a0VFfQHW0r8iAtRiDXkfHlu1wwcvdtnndGYIeJLSuRMQ== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.11" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-class-static-block" "^7.14.5" -"@babel/plugin-transform-classes@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b" - integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw== +"@babel/plugin-transform-classes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.3.tgz#73380c632c095b03e8503c24fd38f95ad41ffacb" + integrity sha512-FGEQmugvAEu2QtgtU0uTASXevfLMFfBeVCIIdcQhn/uBQsMTjBajdnAtanQlOcuihWh10PZ7+HWvc7NtBwP74w== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-compilation-targets" "^7.22.15" - "@babel/helper-environment-visitor" "^7.22.5" - "@babel/helper-function-name" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" "@babel/helper-optimise-call-expression" "^7.22.5" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-replace-supers" "^7.22.9" + "@babel/helper-replace-supers" "^7.22.20" "@babel/helper-split-export-declaration" "^7.22.6" globals "^11.1.0" -"@babel/plugin-transform-computed-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869" - integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg== +"@babel/plugin-transform-computed-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz#652e69561fcc9d2b50ba4f7ac7f60dcf65e86474" + integrity sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/template" "^7.22.5" + "@babel/template" "^7.22.15" -"@babel/plugin-transform-destructuring@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz#6447aa686be48b32eaf65a73e0e2c0bd010a266c" - integrity sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg== +"@babel/plugin-transform-destructuring@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz#8c9ee68228b12ae3dff986e56ed1ba4f3c446311" + integrity sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-dotall-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165" - integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw== +"@babel/plugin-transform-dotall-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz#3f7af6054882ede89c378d0cf889b854a993da50" + integrity sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-duplicate-keys@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285" - integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw== +"@babel/plugin-transform-duplicate-keys@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz#664706ca0a5dfe8d066537f99032fc1dc8b720ce" + integrity sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-dynamic-import@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa" - integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA== +"@babel/plugin-transform-dynamic-import@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.3.tgz#82625924da9ed5fb11a428efb02e43bc9a3ab13e" + integrity sha512-vTG+cTGxPFou12Rj7ll+eD5yWeNl5/8xvQvF08y5Gv3v4mZQoyFf8/n9zg4q5vvCWt5jmgymfzMAldO7orBn7A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-dynamic-import" "^7.8.3" -"@babel/plugin-transform-exponentiation-operator@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a" - integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g== +"@babel/plugin-transform-exponentiation-operator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz#ea0d978f6b9232ba4722f3dbecdd18f450babd18" + integrity sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ== dependencies: - "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5" + "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-export-namespace-from@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c" - integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw== +"@babel/plugin-transform-export-namespace-from@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.3.tgz#dcd066d995f6ac6077e5a4ccb68322a01e23ac49" + integrity sha512-yCLhW34wpJWRdTxxWtFZASJisihrfyMOTOQexhVzA78jlU+dH7Dw+zQgcPepQ5F3C6bAIiblZZ+qBggJdHiBAg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" -"@babel/plugin-transform-flow-strip-types@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2" - integrity sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA== +"@babel/plugin-transform-flow-strip-types@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.23.3.tgz#cfa7ca159cc3306fab526fc67091556b51af26ff" + integrity sha512-26/pQTf9nQSNVJCrLB1IkHUKyPxR+lMrH2QDPG89+Znu9rAMbtrybdbWeE9bb7gzjmE5iXHEY+e0HUwM6Co93Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-flow" "^7.22.5" + "@babel/plugin-syntax-flow" "^7.23.3" -"@babel/plugin-transform-for-of@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29" - integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA== +"@babel/plugin-transform-for-of@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz#afe115ff0fbce735e02868d41489093c63e15559" + integrity sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-function-name@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143" - integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg== +"@babel/plugin-transform-function-name@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz#8f424fcd862bf84cb9a1a6b42bc2f47ed630f8dc" + integrity sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw== dependencies: - "@babel/helper-compilation-targets" "^7.22.5" - "@babel/helper-function-name" "^7.22.5" + "@babel/helper-compilation-targets" "^7.22.15" + "@babel/helper-function-name" "^7.23.0" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-json-strings@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835" - integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw== +"@babel/plugin-transform-json-strings@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.3.tgz#489724ab7d3918a4329afb4172b2fd2cf3c8d245" + integrity sha512-H9Ej2OiISIZowZHaBwF0tsJOih1PftXJtE8EWqlEIwpc7LMTGq0rPOrywKLQ4nefzx8/HMR0D3JGXoMHYvhi0A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-json-strings" "^7.8.3" -"@babel/plugin-transform-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920" - integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g== +"@babel/plugin-transform-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz#8214665f00506ead73de157eba233e7381f3beb4" + integrity sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-logical-assignment-operators@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c" - integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ== +"@babel/plugin-transform-logical-assignment-operators@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.3.tgz#3a406d6083feb9487083bca6d2334a3c9b6c4808" + integrity sha512-+pD5ZbxofyOygEp+zZAfujY2ShNCXRpDRIPOiBmTO693hhyOEteZgl876Xs9SAHPQpcV0vz8LvA/T+w8AzyX8A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" -"@babel/plugin-transform-member-expression-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def" - integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew== +"@babel/plugin-transform-member-expression-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz#e37b3f0502289f477ac0e776b05a833d853cabcc" + integrity sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-modules-amd@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz#05b2bc43373faa6d30ca89214731f76f966f3b88" - integrity sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw== +"@babel/plugin-transform-modules-amd@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz#e19b55436a1416829df0a1afc495deedfae17f7d" + integrity sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw== dependencies: - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz#b3dba4757133b2762c00f4f94590cf6d52602481" - integrity sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ== +"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz#661ae831b9577e52be57dd8356b734f9700b53b4" + integrity sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA== dependencies: - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-simple-access" "^7.22.5" -"@babel/plugin-transform-modules-systemjs@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz#77591e126f3ff4132a40595a6cccd00a6b60d160" - integrity sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg== +"@babel/plugin-transform-modules-systemjs@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz#fa7e62248931cb15b9404f8052581c302dd9de81" + integrity sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ== dependencies: "@babel/helper-hoist-variables" "^7.22.5" - "@babel/helper-module-transforms" "^7.23.0" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-identifier" "^7.22.20" -"@babel/plugin-transform-modules-umd@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98" - integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ== +"@babel/plugin-transform-modules-umd@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz#5d4395fccd071dfefe6585a4411aa7d6b7d769e9" + integrity sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg== dependencies: - "@babel/helper-module-transforms" "^7.22.5" + "@babel/helper-module-transforms" "^7.23.3" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-transform-named-capturing-groups-regex@^7.22.5": @@ -765,208 +753,209 @@ "@babel/helper-create-regexp-features-plugin" "^7.22.5" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-new-target@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d" - integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw== +"@babel/plugin-transform-new-target@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz#5491bb78ed6ac87e990957cea367eab781c4d980" + integrity sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc" - integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg== +"@babel/plugin-transform-nullish-coalescing-operator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.3.tgz#8a613d514b521b640344ed7c56afeff52f9413f8" + integrity sha512-xzg24Lnld4DYIdysyf07zJ1P+iIfJpxtVFOzX4g+bsJ3Ng5Le7rXx9KwqKzuyaUeRnt+I1EICwQITqc0E2PmpA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-transform-numeric-separator@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd" - integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg== +"@babel/plugin-transform-numeric-separator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.3.tgz#2f8da42b75ba89e5cfcd677afd0856d52c0c2e68" + integrity sha512-s9GO7fIBi/BLsZ0v3Rftr6Oe4t0ctJ8h4CCXfPoEJwmvAPMyNrfkOOJzm6b9PX9YXcCJWWQd/sBF/N26eBiMVw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-numeric-separator" "^7.10.4" -"@babel/plugin-transform-object-rest-spread@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f" - integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q== +"@babel/plugin-transform-object-rest-spread@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.3.tgz#509373753b5f7202fe1940e92fd075bd7874955f" + integrity sha512-VxHt0ANkDmu8TANdE9Kc0rndo/ccsmfe2Cx2y5sI4hu3AukHQ5wAu4cM7j3ba8B9548ijVyclBU+nuDQftZsog== dependencies: - "@babel/compat-data" "^7.22.9" + "@babel/compat-data" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-object-rest-spread" "^7.8.3" - "@babel/plugin-transform-parameters" "^7.22.15" + "@babel/plugin-transform-parameters" "^7.23.3" -"@babel/plugin-transform-object-super@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c" - integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw== +"@babel/plugin-transform-object-super@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz#81fdb636dcb306dd2e4e8fd80db5b2362ed2ebcd" + integrity sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" - "@babel/helper-replace-supers" "^7.22.5" + "@babel/helper-replace-supers" "^7.22.20" -"@babel/plugin-transform-optional-catch-binding@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0" - integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ== +"@babel/plugin-transform-optional-catch-binding@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.3.tgz#362c0b545ee9e5b0fa9d9e6fe77acf9d4c480027" + integrity sha512-LxYSb0iLjUamfm7f1D7GpiS4j0UAC8AOiehnsGAP8BEsIX8EOi3qV6bbctw8M7ZvLtcoZfZX5Z7rN9PlWk0m5A== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" -"@babel/plugin-transform-optional-chaining@^7.22.15", "@babel/plugin-transform-optional-chaining@^7.23.0": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz#73ff5fc1cf98f542f09f29c0631647d8ad0be158" - integrity sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g== +"@babel/plugin-transform-optional-chaining@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.3.tgz#92fc83f54aa3adc34288933fa27e54c13113f4be" + integrity sha512-zvL8vIfIUgMccIAK1lxjvNv572JHFJIKb4MWBz5OGdBQA0fB0Xluix5rmOby48exiJc987neOmP/m9Fnpkz3Tg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-transform-parameters@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114" - integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ== +"@babel/plugin-transform-parameters@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz#83ef5d1baf4b1072fa6e54b2b0999a7b2527e2af" + integrity sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-private-methods@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722" - integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA== +"@babel/plugin-transform-private-methods@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz#b2d7a3c97e278bfe59137a978d53b2c2e038c0e4" + integrity sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g== dependencies: - "@babel/helper-create-class-features-plugin" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-private-property-in-object@^7.22.11": - version "7.22.11" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1" - integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ== +"@babel/plugin-transform-private-property-in-object@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.3.tgz#5cd34a2ce6f2d008cc8f91d8dcc29e2c41466da6" + integrity sha512-a5m2oLNFyje2e/rGKjVfAELTVI5mbA0FeZpBnkOWWV7eSmKQ+T/XW0Vf+29ScLzSxX+rnsarvU0oie/4m6hkxA== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" - "@babel/helper-create-class-features-plugin" "^7.22.11" + "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/plugin-syntax-private-property-in-object" "^7.14.5" -"@babel/plugin-transform-property-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766" - integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ== +"@babel/plugin-transform-property-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz#54518f14ac4755d22b92162e4a852d308a560875" + integrity sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-regenerator@^7.22.10": - version "7.22.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca" - integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw== +"@babel/plugin-transform-regenerator@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz#141afd4a2057298602069fce7f2dc5173e6c561c" + integrity sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" regenerator-transform "^0.15.2" -"@babel/plugin-transform-reserved-words@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb" - integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA== +"@babel/plugin-transform-reserved-words@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz#4130dcee12bd3dd5705c587947eb715da12efac8" + integrity sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-shorthand-properties@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624" - integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA== +"@babel/plugin-transform-shorthand-properties@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz#97d82a39b0e0c24f8a981568a8ed851745f59210" + integrity sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-spread@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b" - integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg== +"@babel/plugin-transform-spread@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz#41d17aacb12bde55168403c6f2d6bdca563d362c" + integrity sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" -"@babel/plugin-transform-sticky-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa" - integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw== +"@babel/plugin-transform-sticky-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz#dec45588ab4a723cb579c609b294a3d1bd22ff04" + integrity sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-template-literals@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff" - integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA== +"@babel/plugin-transform-template-literals@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz#5f0f028eb14e50b5d0f76be57f90045757539d07" + integrity sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-typeof-symbol@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34" - integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA== +"@babel/plugin-transform-typeof-symbol@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz#9dfab97acc87495c0c449014eb9c547d8966bca4" + integrity sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-typescript@^7.22.15": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127" - integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA== +"@babel/plugin-transform-typescript@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.3.tgz#ce806e6cb485d468c48c4f717696719678ab0138" + integrity sha512-ogV0yWnq38CFwH20l2Afz0dfKuZBx9o/Y2Rmh5vuSS0YD1hswgEgTfyTzuSrT2q9btmHRSqYoSfwFUVaC1M1Jw== dependencies: "@babel/helper-annotate-as-pure" "^7.22.5" "@babel/helper-create-class-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" - "@babel/plugin-syntax-typescript" "^7.22.5" + "@babel/plugin-syntax-typescript" "^7.23.3" -"@babel/plugin-transform-unicode-escapes@^7.22.10": - version "7.22.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9" - integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg== +"@babel/plugin-transform-unicode-escapes@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz#1f66d16cab01fab98d784867d24f70c1ca65b925" + integrity sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q== dependencies: "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-property-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81" - integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A== +"@babel/plugin-transform-unicode-property-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz#19e234129e5ffa7205010feec0d94c251083d7ad" + integrity sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183" - integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg== +"@babel/plugin-transform-unicode-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz#26897708d8f42654ca4ce1b73e96140fbad879dc" + integrity sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-unicode-sets-regex@^7.22.5": - version "7.22.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91" - integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg== +"@babel/plugin-transform-unicode-sets-regex@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz#4fb6f0a719c2c5859d11f6b55a050cc987f3799e" + integrity sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/preset-env@^7.22.9": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.2.tgz#1f22be0ff0e121113260337dbc3e58fafce8d059" - integrity sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.3.tgz#d299e0140a7650684b95c62be2db0ef8c975143e" + integrity sha512-ovzGc2uuyNfNAs/jyjIGxS8arOHS5FENZaNn4rtE7UdKMMkqHCvboHfcuhWLZNX5cB44QfcGNWjaevxMzzMf+Q== dependencies: - "@babel/compat-data" "^7.23.2" + "@babel/compat-data" "^7.23.3" "@babel/helper-compilation-targets" "^7.22.15" "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15" - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.23.3" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.23.3" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.23.3" "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2" "@babel/plugin-syntax-async-generators" "^7.8.4" "@babel/plugin-syntax-class-properties" "^7.12.13" "@babel/plugin-syntax-class-static-block" "^7.14.5" "@babel/plugin-syntax-dynamic-import" "^7.8.3" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" - "@babel/plugin-syntax-import-assertions" "^7.22.5" - "@babel/plugin-syntax-import-attributes" "^7.22.5" + "@babel/plugin-syntax-import-assertions" "^7.23.3" + "@babel/plugin-syntax-import-attributes" "^7.23.3" "@babel/plugin-syntax-import-meta" "^7.10.4" "@babel/plugin-syntax-json-strings" "^7.8.3" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" @@ -978,56 +967,55 @@ "@babel/plugin-syntax-private-property-in-object" "^7.14.5" "@babel/plugin-syntax-top-level-await" "^7.14.5" "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6" - "@babel/plugin-transform-arrow-functions" "^7.22.5" - "@babel/plugin-transform-async-generator-functions" "^7.23.2" - "@babel/plugin-transform-async-to-generator" "^7.22.5" - "@babel/plugin-transform-block-scoped-functions" "^7.22.5" - "@babel/plugin-transform-block-scoping" "^7.23.0" - "@babel/plugin-transform-class-properties" "^7.22.5" - "@babel/plugin-transform-class-static-block" "^7.22.11" - "@babel/plugin-transform-classes" "^7.22.15" - "@babel/plugin-transform-computed-properties" "^7.22.5" - "@babel/plugin-transform-destructuring" "^7.23.0" - "@babel/plugin-transform-dotall-regex" "^7.22.5" - "@babel/plugin-transform-duplicate-keys" "^7.22.5" - "@babel/plugin-transform-dynamic-import" "^7.22.11" - "@babel/plugin-transform-exponentiation-operator" "^7.22.5" - "@babel/plugin-transform-export-namespace-from" "^7.22.11" - "@babel/plugin-transform-for-of" "^7.22.15" - "@babel/plugin-transform-function-name" "^7.22.5" - "@babel/plugin-transform-json-strings" "^7.22.11" - "@babel/plugin-transform-literals" "^7.22.5" - "@babel/plugin-transform-logical-assignment-operators" "^7.22.11" - "@babel/plugin-transform-member-expression-literals" "^7.22.5" - "@babel/plugin-transform-modules-amd" "^7.23.0" - "@babel/plugin-transform-modules-commonjs" "^7.23.0" - "@babel/plugin-transform-modules-systemjs" "^7.23.0" - "@babel/plugin-transform-modules-umd" "^7.22.5" + "@babel/plugin-transform-arrow-functions" "^7.23.3" + "@babel/plugin-transform-async-generator-functions" "^7.23.3" + "@babel/plugin-transform-async-to-generator" "^7.23.3" + "@babel/plugin-transform-block-scoped-functions" "^7.23.3" + "@babel/plugin-transform-block-scoping" "^7.23.3" + "@babel/plugin-transform-class-properties" "^7.23.3" + "@babel/plugin-transform-class-static-block" "^7.23.3" + "@babel/plugin-transform-classes" "^7.23.3" + "@babel/plugin-transform-computed-properties" "^7.23.3" + "@babel/plugin-transform-destructuring" "^7.23.3" + "@babel/plugin-transform-dotall-regex" "^7.23.3" + "@babel/plugin-transform-duplicate-keys" "^7.23.3" + "@babel/plugin-transform-dynamic-import" "^7.23.3" + "@babel/plugin-transform-exponentiation-operator" "^7.23.3" + "@babel/plugin-transform-export-namespace-from" "^7.23.3" + "@babel/plugin-transform-for-of" "^7.23.3" + "@babel/plugin-transform-function-name" "^7.23.3" + "@babel/plugin-transform-json-strings" "^7.23.3" + "@babel/plugin-transform-literals" "^7.23.3" + "@babel/plugin-transform-logical-assignment-operators" "^7.23.3" + "@babel/plugin-transform-member-expression-literals" "^7.23.3" + "@babel/plugin-transform-modules-amd" "^7.23.3" + "@babel/plugin-transform-modules-commonjs" "^7.23.3" + "@babel/plugin-transform-modules-systemjs" "^7.23.3" + "@babel/plugin-transform-modules-umd" "^7.23.3" "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5" - "@babel/plugin-transform-new-target" "^7.22.5" - "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11" - "@babel/plugin-transform-numeric-separator" "^7.22.11" - "@babel/plugin-transform-object-rest-spread" "^7.22.15" - "@babel/plugin-transform-object-super" "^7.22.5" - "@babel/plugin-transform-optional-catch-binding" "^7.22.11" - "@babel/plugin-transform-optional-chaining" "^7.23.0" - "@babel/plugin-transform-parameters" "^7.22.15" - "@babel/plugin-transform-private-methods" "^7.22.5" - "@babel/plugin-transform-private-property-in-object" "^7.22.11" - "@babel/plugin-transform-property-literals" "^7.22.5" - "@babel/plugin-transform-regenerator" "^7.22.10" - "@babel/plugin-transform-reserved-words" "^7.22.5" - "@babel/plugin-transform-shorthand-properties" "^7.22.5" - "@babel/plugin-transform-spread" "^7.22.5" - "@babel/plugin-transform-sticky-regex" "^7.22.5" - "@babel/plugin-transform-template-literals" "^7.22.5" - "@babel/plugin-transform-typeof-symbol" "^7.22.5" - "@babel/plugin-transform-unicode-escapes" "^7.22.10" - "@babel/plugin-transform-unicode-property-regex" "^7.22.5" - "@babel/plugin-transform-unicode-regex" "^7.22.5" - "@babel/plugin-transform-unicode-sets-regex" "^7.22.5" + "@babel/plugin-transform-new-target" "^7.23.3" + "@babel/plugin-transform-nullish-coalescing-operator" "^7.23.3" + "@babel/plugin-transform-numeric-separator" "^7.23.3" + "@babel/plugin-transform-object-rest-spread" "^7.23.3" + "@babel/plugin-transform-object-super" "^7.23.3" + "@babel/plugin-transform-optional-catch-binding" "^7.23.3" + "@babel/plugin-transform-optional-chaining" "^7.23.3" + "@babel/plugin-transform-parameters" "^7.23.3" + "@babel/plugin-transform-private-methods" "^7.23.3" + "@babel/plugin-transform-private-property-in-object" "^7.23.3" + "@babel/plugin-transform-property-literals" "^7.23.3" + "@babel/plugin-transform-regenerator" "^7.23.3" + "@babel/plugin-transform-reserved-words" "^7.23.3" + "@babel/plugin-transform-shorthand-properties" "^7.23.3" + "@babel/plugin-transform-spread" "^7.23.3" + "@babel/plugin-transform-sticky-regex" "^7.23.3" + "@babel/plugin-transform-template-literals" "^7.23.3" + "@babel/plugin-transform-typeof-symbol" "^7.23.3" + "@babel/plugin-transform-unicode-escapes" "^7.23.3" + "@babel/plugin-transform-unicode-property-regex" "^7.23.3" + "@babel/plugin-transform-unicode-regex" "^7.23.3" + "@babel/plugin-transform-unicode-sets-regex" "^7.23.3" "@babel/preset-modules" "0.1.6-no-external-plugins" - "@babel/types" "^7.23.0" babel-plugin-polyfill-corejs2 "^0.4.6" babel-plugin-polyfill-corejs3 "^0.8.5" babel-plugin-polyfill-regenerator "^0.5.3" @@ -1035,13 +1023,13 @@ semver "^6.3.1" "@babel/preset-flow@^7.13.13": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.22.15.tgz#30318deb9b3ebd9f5738e96da03a531e0cd3165d" - integrity sha512-dB5aIMqpkgbTfN5vDdTRPzjqtWiZcRESNR88QYnoPR+bmdYoluOzMX9tQerTv0XzSgZYctPfO1oc0N5zdog1ew== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.23.3.tgz#8084e08b9ccec287bd077ab288b286fab96ffab1" + integrity sha512-7yn6hl8RIv+KNk6iIrGZ+D06VhVY35wLVf23Cz/mMu1zOr7u4MMP4j0nZ9tLf8+4ZFpnib8cFYgB/oYg9hfswA== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-transform-flow-strip-types" "^7.22.5" + "@babel/plugin-transform-flow-strip-types" "^7.23.3" "@babel/preset-modules@0.1.6-no-external-plugins": version "0.1.6-no-external-plugins" @@ -1053,15 +1041,15 @@ esutils "^2.0.2" "@babel/preset-typescript@^7.13.0": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.2.tgz#c8de488130b7081f7e1482936ad3de5b018beef4" - integrity sha512-u4UJc1XsS1GhIGteM8rnGiIvf9rJpiVgMEeCnwlLA7WJPC+jcXWJAGxYmeqs5hOZD8BbAfnV5ezBOxQbb4OUxA== + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz#14534b34ed5b6d435aa05f1ae1c5e7adcc01d913" + integrity sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ== dependencies: "@babel/helper-plugin-utils" "^7.22.5" "@babel/helper-validator-option" "^7.22.15" - "@babel/plugin-syntax-jsx" "^7.22.5" - "@babel/plugin-transform-modules-commonjs" "^7.23.0" - "@babel/plugin-transform-typescript" "^7.22.15" + "@babel/plugin-syntax-jsx" "^7.23.3" + "@babel/plugin-transform-modules-commonjs" "^7.23.3" + "@babel/plugin-transform-typescript" "^7.23.3" "@babel/register@^7.13.16": version "7.22.15" @@ -1086,7 +1074,7 @@ dependencies: regenerator-runtime "^0.14.0" -"@babel/template@^7.22.15", "@babel/template@^7.22.5", "@babel/template@^7.7.0": +"@babel/template@^7.22.15", "@babel/template@^7.7.0": version "7.22.15" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38" integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w== @@ -1095,55 +1083,46 @@ "@babel/parser" "^7.22.15" "@babel/types" "^7.22.15" -"@babel/traverse@^7.22.8", "@babel/traverse@^7.23.2": - version "7.23.2" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.2.tgz#329c7a06735e144a506bdb2cad0268b7f46f4ad8" - integrity sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw== +"@babel/traverse@^7.22.8", "@babel/traverse@^7.23.2", "@babel/traverse@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.3.tgz#26ee5f252e725aa7aca3474aa5b324eaf7908b5b" + integrity sha512-+K0yF1/9yR0oHdE0StHuEj3uTPzwwbrLGfNOndVJVV2TqA5+j3oljJUb4nmB954FLGjNem976+B+eDuLIjesiQ== dependencies: "@babel/code-frame" "^7.22.13" - "@babel/generator" "^7.23.0" + "@babel/generator" "^7.23.3" "@babel/helper-environment-visitor" "^7.22.20" "@babel/helper-function-name" "^7.23.0" "@babel/helper-hoist-variables" "^7.22.5" "@babel/helper-split-export-declaration" "^7.22.6" - "@babel/parser" "^7.23.0" - "@babel/types" "^7.23.0" + "@babel/parser" "^7.23.3" + "@babel/types" "^7.23.3" debug "^4.1.0" globals "^11.1.0" -"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.4.4": - version "7.23.0" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.0.tgz#8c1f020c9df0e737e4e247c0619f58c68458aaeb" - integrity sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg== +"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.3", "@babel/types@^7.4.4", "@babel/types@^7.6.1", "@babel/types@^7.9.6": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.3.tgz#d5ea892c07f2ec371ac704420f4dcdb07b5f9598" + integrity sha512-OZnvoH2l8PK5eUvEcUyCt/sXgr/h+UWpVuBbOljwcrAgUl6lpchoQ++PHGyQy1AtYnVA6CEq3y5xeEI10brpXw== dependencies: "@babel/helper-string-parser" "^7.22.5" "@babel/helper-validator-identifier" "^7.22.20" to-fast-properties "^2.0.0" -"@babel/types@^7.6.1", "@babel/types@^7.9.6": - version "7.22.15" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.15.tgz#266cb21d2c5fd0b3931e7a91b6dd72d2f617d282" - integrity sha512-X+NLXr0N8XXmN5ZsaQdm9U2SSC3UbIYq/doL++sueHOTisgZHoKaQtZxGuV2cUPQHMfjKEfg/g6oy7Hm6SKFtA== - dependencies: - "@babel/helper-string-parser" "^7.22.5" - "@babel/helper-validator-identifier" "^7.22.15" - to-fast-properties "^2.0.0" - "@colors/colors@1.5.0": version "1.5.0" resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9" integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ== "@commitlint/cli@^17.7.1": - version "17.7.1" - resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-17.7.1.tgz#f3ab35bd38d82fcd4ab03ec5a1e9db26d57fe1b0" - integrity sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g== - dependencies: - "@commitlint/format" "^17.4.4" - "@commitlint/lint" "^17.7.0" - "@commitlint/load" "^17.7.1" - "@commitlint/read" "^17.5.1" - "@commitlint/types" "^17.4.4" + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-17.8.1.tgz#10492114a022c91dcfb1d84dac773abb3db76d33" + integrity sha512-ay+WbzQesE0Rv4EQKfNbSMiJJ12KdKTDzIt0tcK4k11FdsWmtwP0Kp1NWMOUswfIWo6Eb7p7Ln721Nx9FLNBjg== + dependencies: + "@commitlint/format" "^17.8.1" + "@commitlint/lint" "^17.8.1" + "@commitlint/load" "^17.8.1" + "@commitlint/read" "^17.8.1" + "@commitlint/types" "^17.8.1" execa "^5.0.0" lodash.isfunction "^3.0.9" resolve-from "5.0.0" @@ -1151,73 +1130,73 @@ yargs "^17.0.0" "@commitlint/config-conventional@^17.7.0": - version "17.7.0" - resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-17.7.0.tgz#1bbf2bce7851db63c1a8aa8d924277ad4938247e" - integrity sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw== + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-17.8.1.tgz#e5bcf0cfec8da7ac50bc04dc92e0a4ea74964ce0" + integrity sha512-NxCOHx1kgneig3VLauWJcDWS40DVjg7nKOpBEEK9E5fjJpQqLCilcnKkIIjdBH98kEO1q3NpE5NSrZ2kl/QGJg== dependencies: conventional-changelog-conventionalcommits "^6.1.0" -"@commitlint/config-validator@^17.6.7": - version "17.6.7" - resolved "https://registry.yarnpkg.com/@commitlint/config-validator/-/config-validator-17.6.7.tgz#c664d42a1ecf5040a3bb0843845150f55734df41" - integrity sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ== +"@commitlint/config-validator@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/config-validator/-/config-validator-17.8.1.tgz#5cc93b6b49d5524c9cc345a60e5bf74bcca2b7f9" + integrity sha512-UUgUC+sNiiMwkyiuIFR7JG2cfd9t/7MV8VB4TZ+q02ZFkHoduUS4tJGsCBWvBOGD9Btev6IecPMvlWUfJorkEA== dependencies: - "@commitlint/types" "^17.4.4" + "@commitlint/types" "^17.8.1" ajv "^8.11.0" -"@commitlint/ensure@^17.6.7": - version "17.6.7" - resolved "https://registry.yarnpkg.com/@commitlint/ensure/-/ensure-17.6.7.tgz#77a77a0c05e6a1c34589f59e82e6cb937101fc4b" - integrity sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw== +"@commitlint/ensure@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/ensure/-/ensure-17.8.1.tgz#59183557844999dbb6aab6d03629a3d104d01a8d" + integrity sha512-xjafwKxid8s1K23NFpL8JNo6JnY/ysetKo8kegVM7c8vs+kWLP8VrQq+NbhgVlmCojhEDbzQKp4eRXSjVOGsow== dependencies: - "@commitlint/types" "^17.4.4" + "@commitlint/types" "^17.8.1" lodash.camelcase "^4.3.0" lodash.kebabcase "^4.1.1" lodash.snakecase "^4.1.1" lodash.startcase "^4.4.0" lodash.upperfirst "^4.3.1" -"@commitlint/execute-rule@^17.4.0": - version "17.4.0" - resolved "https://registry.yarnpkg.com/@commitlint/execute-rule/-/execute-rule-17.4.0.tgz#4518e77958893d0a5835babe65bf87e2638f6939" - integrity sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA== +"@commitlint/execute-rule@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/execute-rule/-/execute-rule-17.8.1.tgz#504ed69eb61044eeb84fdfd10cc18f0dab14f34c" + integrity sha512-JHVupQeSdNI6xzA9SqMF+p/JjrHTcrJdI02PwesQIDCIGUrv04hicJgCcws5nzaoZbROapPs0s6zeVHoxpMwFQ== -"@commitlint/format@^17.4.4": - version "17.4.4" - resolved "https://registry.yarnpkg.com/@commitlint/format/-/format-17.4.4.tgz#0f6e1b4d7a301c7b1dfd4b6334edd97fc050b9f5" - integrity sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ== +"@commitlint/format@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/format/-/format-17.8.1.tgz#6108bb6b4408e711006680649927e1b559bdc5f8" + integrity sha512-f3oMTyZ84M9ht7fb93wbCKmWxO5/kKSbwuYvS867duVomoOsgrgljkGGIztmT/srZnaiGbaK8+Wf8Ik2tSr5eg== dependencies: - "@commitlint/types" "^17.4.4" + "@commitlint/types" "^17.8.1" chalk "^4.1.0" -"@commitlint/is-ignored@^17.7.0": - version "17.7.0" - resolved "https://registry.yarnpkg.com/@commitlint/is-ignored/-/is-ignored-17.7.0.tgz#df9b284420bdb1aed5fdb2be44f4e98cc4826014" - integrity sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw== +"@commitlint/is-ignored@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/is-ignored/-/is-ignored-17.8.1.tgz#cf25bcd8409c79684b63f8bdeb35df48edda244e" + integrity sha512-UshMi4Ltb4ZlNn4F7WtSEugFDZmctzFpmbqvpyxD3la510J+PLcnyhf9chs7EryaRFJMdAKwsEKfNK0jL/QM4g== dependencies: - "@commitlint/types" "^17.4.4" + "@commitlint/types" "^17.8.1" semver "7.5.4" -"@commitlint/lint@^17.7.0": - version "17.7.0" - resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-17.7.0.tgz#33f831298dc43679e4de6b088aea63d1f884c7e7" - integrity sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA== - dependencies: - "@commitlint/is-ignored" "^17.7.0" - "@commitlint/parse" "^17.7.0" - "@commitlint/rules" "^17.7.0" - "@commitlint/types" "^17.4.4" - -"@commitlint/load@^17.7.1": - version "17.7.1" - resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-17.7.1.tgz#0723b11723a20043a304a74960602dead89b5cdd" - integrity sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ== - dependencies: - "@commitlint/config-validator" "^17.6.7" - "@commitlint/execute-rule" "^17.4.0" - "@commitlint/resolve-extends" "^17.6.7" - "@commitlint/types" "^17.4.4" - "@types/node" "20.4.7" +"@commitlint/lint@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-17.8.1.tgz#bfc21215f6b18d41d4d43e2aa3cb79a5d7726cd8" + integrity sha512-aQUlwIR1/VMv2D4GXSk7PfL5hIaFSfy6hSHV94O8Y27T5q+DlDEgd/cZ4KmVI+MWKzFfCTiTuWqjfRSfdRllCA== + dependencies: + "@commitlint/is-ignored" "^17.8.1" + "@commitlint/parse" "^17.8.1" + "@commitlint/rules" "^17.8.1" + "@commitlint/types" "^17.8.1" + +"@commitlint/load@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-17.8.1.tgz#fa061e7bfa53281eb03ca8517ca26d66a189030c" + integrity sha512-iF4CL7KDFstP1kpVUkT8K2Wl17h2yx9VaR1ztTc8vzByWWcbO/WaKwxsnCOqow9tVAlzPfo1ywk9m2oJ9ucMqA== + dependencies: + "@commitlint/config-validator" "^17.8.1" + "@commitlint/execute-rule" "^17.8.1" + "@commitlint/resolve-extends" "^17.8.1" + "@commitlint/types" "^17.8.1" + "@types/node" "20.5.1" chalk "^4.1.0" cosmiconfig "^8.0.0" cosmiconfig-typescript-loader "^4.0.0" @@ -1226,72 +1205,72 @@ lodash.uniq "^4.5.0" resolve-from "^5.0.0" ts-node "^10.8.1" - typescript "^4.6.4 || ^5.0.0" + typescript "^4.6.4 || ^5.2.2" -"@commitlint/message@^17.4.2": - version "17.4.2" - resolved "https://registry.yarnpkg.com/@commitlint/message/-/message-17.4.2.tgz#f4753a79701ad6db6db21f69076e34de6580e22c" - integrity sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q== +"@commitlint/message@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/message/-/message-17.8.1.tgz#a5cd226c419be20ee03c3d237db6ac37b95958b3" + integrity sha512-6bYL1GUQsD6bLhTH3QQty8pVFoETfFQlMn2Nzmz3AOLqRVfNNtXBaSY0dhZ0dM6A2MEq4+2d7L/2LP8TjqGRkA== -"@commitlint/parse@^17.7.0": - version "17.7.0" - resolved "https://registry.yarnpkg.com/@commitlint/parse/-/parse-17.7.0.tgz#aacb2d189e50ab8454154b1df150aaf20478ae47" - integrity sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag== +"@commitlint/parse@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/parse/-/parse-17.8.1.tgz#6e00b8f50ebd63562d25dcf4230da2c9f984e626" + integrity sha512-/wLUickTo0rNpQgWwLPavTm7WbwkZoBy3X8PpkUmlSmQJyWQTj0m6bDjiykMaDt41qcUbfeFfaCvXfiR4EGnfw== dependencies: - "@commitlint/types" "^17.4.4" + "@commitlint/types" "^17.8.1" conventional-changelog-angular "^6.0.0" conventional-commits-parser "^4.0.0" -"@commitlint/read@^17.5.1": - version "17.5.1" - resolved "https://registry.yarnpkg.com/@commitlint/read/-/read-17.5.1.tgz#fec903b766e2c41e3cefa80630040fcaba4f786c" - integrity sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg== +"@commitlint/read@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/read/-/read-17.8.1.tgz#b3f28777607c756078356cc133368b0e8c08092f" + integrity sha512-Fd55Oaz9irzBESPCdMd8vWWgxsW3OWR99wOntBDHgf9h7Y6OOHjWEdS9Xzen1GFndqgyoaFplQS5y7KZe0kO2w== dependencies: - "@commitlint/top-level" "^17.4.0" - "@commitlint/types" "^17.4.4" + "@commitlint/top-level" "^17.8.1" + "@commitlint/types" "^17.8.1" fs-extra "^11.0.0" git-raw-commits "^2.0.11" minimist "^1.2.6" -"@commitlint/resolve-extends@^17.6.7": - version "17.6.7" - resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-17.6.7.tgz#9c53a4601c96ab2dd20b90fb35c988639307735d" - integrity sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg== +"@commitlint/resolve-extends@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-17.8.1.tgz#9af01432bf2fd9ce3dd5a00d266cce14e4c977e7" + integrity sha512-W/ryRoQ0TSVXqJrx5SGkaYuAaE/BUontL1j1HsKckvM6e5ZaG0M9126zcwL6peKSuIetJi7E87PRQF8O86EW0Q== dependencies: - "@commitlint/config-validator" "^17.6.7" - "@commitlint/types" "^17.4.4" + "@commitlint/config-validator" "^17.8.1" + "@commitlint/types" "^17.8.1" import-fresh "^3.0.0" lodash.mergewith "^4.6.2" resolve-from "^5.0.0" resolve-global "^1.0.0" -"@commitlint/rules@^17.7.0": - version "17.7.0" - resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-17.7.0.tgz#b97a4933c5cba11a659a19ee467f6f000f31533e" - integrity sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA== +"@commitlint/rules@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-17.8.1.tgz#da49cab1b7ebaf90d108de9f58f684dc4ccb65a0" + integrity sha512-2b7OdVbN7MTAt9U0vKOYKCDsOvESVXxQmrvuVUZ0rGFMCrCPJWWP1GJ7f0lAypbDAhaGb8zqtdOr47192LBrIA== dependencies: - "@commitlint/ensure" "^17.6.7" - "@commitlint/message" "^17.4.2" - "@commitlint/to-lines" "^17.4.0" - "@commitlint/types" "^17.4.4" + "@commitlint/ensure" "^17.8.1" + "@commitlint/message" "^17.8.1" + "@commitlint/to-lines" "^17.8.1" + "@commitlint/types" "^17.8.1" execa "^5.0.0" -"@commitlint/to-lines@^17.4.0": - version "17.4.0" - resolved "https://registry.yarnpkg.com/@commitlint/to-lines/-/to-lines-17.4.0.tgz#9bd02e911e7d4eab3fb4a50376c4c6d331e10d8d" - integrity sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg== +"@commitlint/to-lines@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/to-lines/-/to-lines-17.8.1.tgz#a5c4a7cf7dff3dbdd69289fc0eb19b66f3cfe017" + integrity sha512-LE0jb8CuR/mj6xJyrIk8VLz03OEzXFgLdivBytoooKO5xLt5yalc8Ma5guTWobw998sbR3ogDd+2jed03CFmJA== -"@commitlint/top-level@^17.4.0": - version "17.4.0" - resolved "https://registry.yarnpkg.com/@commitlint/top-level/-/top-level-17.4.0.tgz#540cac8290044cf846fbdd99f5cc51e8ac5f27d6" - integrity sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g== +"@commitlint/top-level@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/top-level/-/top-level-17.8.1.tgz#206d37d6782f33c9572e44fbe3758392fdeea7bc" + integrity sha512-l6+Z6rrNf5p333SHfEte6r+WkOxGlWK4bLuZKbtf/2TXRN+qhrvn1XE63VhD8Oe9oIHQ7F7W1nG2k/TJFhx2yA== dependencies: find-up "^5.0.0" -"@commitlint/types@^17.4.4": - version "17.4.4" - resolved "https://registry.yarnpkg.com/@commitlint/types/-/types-17.4.4.tgz#1416df936e9aad0d6a7bbc979ecc31e55dade662" - integrity sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ== +"@commitlint/types@^17.8.1": + version "17.8.1" + resolved "https://registry.yarnpkg.com/@commitlint/types/-/types-17.8.1.tgz#883a0ad35c5206d5fef7bc6ce1bbe648118af44e" + integrity sha512-PXDQXkAmiMEG162Bqdh9ChML/GJZo6vU+7F03ALKDK8zYc6SuAr47LjG7hGYRqUOz+WK0dU7bQ0xzuqFMdxzeQ== dependencies: chalk "^4.1.0" @@ -1310,19 +1289,19 @@ "@jridgewell/trace-mapping" "0.3.9" "@csstools/css-parser-algorithms@^2.3.1": - version "2.3.1" - resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz#ec4fc764ba45d2bb7ee2774667e056aa95003f3a" - integrity sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA== + version "2.3.2" + resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.2.tgz#1e0d581dbf4518cb3e939c3b863cb7180c8cedad" + integrity sha512-sLYGdAdEY2x7TSw9FtmdaTrh2wFtRJO5VMbBrA8tEqEod7GEggFmxTSK9XqExib3yMuYNcvcTdCZIP6ukdjAIA== "@csstools/css-tokenizer@^2.2.0": - version "2.2.0" - resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz#9d70e6dcbe94e44c7400a2929928db35c4de32b5" - integrity sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA== + version "2.2.1" + resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.2.1.tgz#9dc431c9a5f61087af626e41ac2a79cce7bb253d" + integrity sha512-Zmsf2f/CaEPWEVgw29odOj+WEVoiJy9s9NOv5GgNY9mZ1CZ7394By6wONrONrTsnNDv6F9hR02nvFihrGVGHBg== "@csstools/media-query-list-parser@^2.1.4": - version "2.1.4" - resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.4.tgz#0017f99945f6c16dd81a7aacf6821770933c3a5c" - integrity sha512-V/OUXYX91tAC1CDsiY+HotIcJR+vPtzrX8pCplCpT++i8ThZZsq5F5dzZh/bDM3WUOjrvC1ljed1oSJxMfjqhw== + version "2.1.5" + resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.5.tgz#94bc8b3c3fd7112a40b7bf0b483e91eba0654a0f" + integrity sha512-IxVBdYzR8pYe89JiyXQuYk4aVVoCPhMJkz6ElRwlVysjwURTsTk/bmY/z4FfeRE+CRBMlykPwXEVUg8lThv7AQ== "@csstools/selector-specificity@^3.0.0": version "3.0.0" @@ -1470,9 +1449,9 @@ integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ== "@fastify/busboy@^2.0.0": - version "2.0.0" - resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.0.0.tgz#f22824caff3ae506b18207bad4126dbc6ccdb6b8" - integrity sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ== + version "2.1.0" + resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.1.0.tgz#0709e9f4cb252351c609c6e6d8d6779a8d25edff" + integrity sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA== "@floating-ui/core@^1.4.2": version "1.5.0" @@ -1490,9 +1469,9 @@ "@floating-ui/utils" "^0.1.3" "@floating-ui/react-dom@^2.0.0": - version "2.0.2" - resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20" - integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ== + version "2.0.4" + resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.4.tgz#b076fafbdfeb881e1d86ae748b7ff95150e9f3ec" + integrity sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ== dependencies: "@floating-ui/dom" "^1.5.1" @@ -1763,10 +1742,12 @@ dependencies: "@lit-labs/ssr-dom-shim" "^1.0.0" -"@ljharb/through@^2.3.9": - version "2.3.9" - resolved "https://registry.yarnpkg.com/@ljharb/through/-/through-2.3.9.tgz#85f221eb82f9d555e180e87d6e50fb154af85408" - integrity sha512-yN599ZBuMPPK4tdoToLlvgJB4CLK8fGl7ntfy0Wn7U6ttNvHYurd81bfUiK/6sMkiIwm65R6ck4L6+Y3DfVbNQ== +"@ljharb/through@^2.3.11": + version "2.3.11" + resolved "https://registry.yarnpkg.com/@ljharb/through/-/through-2.3.11.tgz#783600ff12c06f21a76cc26e33abd0b1595092f9" + integrity sha512-ccfcIDlogiXNq5KcbAwbaO7lMh3Tm1i3khMPYpxlK8hH/W53zN81KM9coerRLOnTGu3nfXIniAmQbRI9OxbC0w== + dependencies: + call-bind "^1.0.2" "@mdx-js/react@^2.1.5": version "2.3.0" @@ -1952,9 +1933,9 @@ which "^3.0.0" "@npmcli/query@^3.0.0": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-3.0.0.tgz#51a0dfb85811e04f244171f164b6bc83b36113a7" - integrity sha512-MFNDSJNgsLZIEBVZ0Q9w9K7o07j5N4o4yjtdz2uEpuCZlXGMuPENiRaFYk0vRqAA64qVuUQwC05g27fRtfUgnA== + version "3.0.1" + resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-3.0.1.tgz#77d63ceb7d27ed748da3cc8b50d45fc341448ed6" + integrity sha512-0jE8iHBogf/+bFDj+ju6/UMLbJ39c8h6nSe6qile+dB7PJ0iV3gNqcb2vtt6WWCBrxv9uAjzUT/8vroluulidA== dependencies: postcss-selector-parser "^6.0.10" @@ -1980,97 +1961,97 @@ read-package-json-fast "^3.0.0" which "^3.0.0" -"@nrwl/cli@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-15.9.6.tgz#b35edbff0e3189031eec51ddb43c422e36de99cb" - integrity sha512-cwMEQLTL47Tj+AfY1PyqU4NcA1rF/WW2eoqA9YR+BFReIQlCkodJBmuQ8xjLXnyfQtG8uzZ6vt/SKWzcghsccw== +"@nrwl/cli@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-15.9.7.tgz#1db113f5cb1cfe63213097be1ece041eef33da1f" + integrity sha512-1jtHBDuJzA57My5nLzYiM372mJW0NY6rFKxlWt5a0RLsAZdPTHsd8lE3Gs9XinGC1jhXbruWmhhnKyYtZvX/zA== dependencies: - nx "15.9.6" + nx "15.9.7" -"@nrwl/devkit@17.0.2": - version "17.0.2" - resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-17.0.2.tgz#f9d2bab38c625e3a5edb5e4f04a27c1c56aa8693" - integrity sha512-zgqTFYmvs80D3T/TwmR/EBdV1OU2c96YYHngAe3DX8kXhjlV3dq+VPZVBROM0AzYLGaSckW3mHBhgL+JrDp5Pg== +"@nrwl/devkit@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-17.1.2.tgz#9288790a50d1db248ec46cec8db43d88796df962" + integrity sha512-INPZk4qts3xNJt8E9fttuVTufXdigPUOvUiAiPJmR2oUGDF8SeOlIYNForbz+XMRvxyIVtf45O32azUsgeZe3Q== dependencies: - "@nx/devkit" "17.0.2" + "@nx/devkit" "17.1.2" "@nrwl/devkit@>=15.5.2 < 16": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-15.9.6.tgz#3eee51bb3b2a357b8cbb747be4cb505dc5fa5548" - integrity sha512-+gPyrvcUmZMzyVadFSkgfQJItJV8xhydsPMNL1g+KBYu9EzsLG6bqlioJvsOFT8v3zcFrzvoF84imEDs/Cym9Q== + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-15.9.7.tgz#14d19ec82ff4209c12147a97f1cdea05d8f6c087" + integrity sha512-Sb7Am2TMT8AVq8e+vxOlk3AtOA2M0qCmhBzoM1OJbdHaPKc0g0UgSnWRml1kPGg5qfPk72tWclLoZJ5/ut0vTg== dependencies: ejs "^3.1.7" ignore "^5.0.4" - semver "7.3.4" + semver "7.5.4" tmp "~0.2.1" tslib "^2.3.0" -"@nrwl/nx-darwin-arm64@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-arm64/-/nx-darwin-arm64-15.9.6.tgz#e4a0f2989deb3b98018647b4f4977d499a2d4fba" - integrity sha512-9J2HLA6ePfVIoyymIQmwBm2cHvh0hdWuSVldHq3GSpL1tbWEUVwrLxRwcG1ryO2HCNPPb2Z9h8jrSd6BVgEMsA== - -"@nrwl/nx-darwin-x64@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-x64/-/nx-darwin-x64-15.9.6.tgz#647ff8d42345b898dbf434f27f34a526944ef4f7" - integrity sha512-QUbQYUxStLEDHndYFRxSH+Ir1ciezViy+kS9vfwsNLpBAfEE5kkoKk6Owv74gLQncTFB5/4vwkb7VT+LtVP/2w== - -"@nrwl/nx-linux-arm-gnueabihf@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-15.9.6.tgz#8358820446b16bfd782dc6fa75c760887ff14dda" - integrity sha512-IjwE1Q6wi4iww67uU5i8XIg9LXhwhOIVuDMQ28pB03kahwL87s0z/MvQ7yXISgskamkFEUzffI/Zei+OHYST3g== - -"@nrwl/nx-linux-arm64-gnu@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-15.9.6.tgz#f1fdd502e62852703f04831ccd1dfafdba6a5f78" - integrity sha512-iqgUZMtD8UZx5IeOzGREcP+vQ98czdBh3NmevqVJPGSfFtV7QixsUnRPk5v15bbfSg97Z+/6c7KRb9HsUAl13Q== - -"@nrwl/nx-linux-arm64-musl@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-musl/-/nx-linux-arm64-musl-15.9.6.tgz#6f1014fbba655962e91286401a26640348a3c913" - integrity sha512-9UA2X2n998brY5YBLqgVmL1Jf5qrlFXToDADhUrsN5kqhgd3TqPhdgSBXhzUfUeMVtq6Bm4mhVHzM3bK49jxZA== - -"@nrwl/nx-linux-x64-gnu@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-gnu/-/nx-linux-x64-gnu-15.9.6.tgz#e70e6c72015b47a683c12f95a8d7f83a4d5b8639" - integrity sha512-9Oe0BZJuf4lmeL3KV8woLL+NIauBFbMHmSgxhUKUWwNVC/VDJhDSkkUCTlM1R6lTj3KYrJzpZ9ymSuZM4ftd5g== - -"@nrwl/nx-linux-x64-musl@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-musl/-/nx-linux-x64-musl-15.9.6.tgz#83f6f11bf67b1625d2194de53588507da2a6ec5b" - integrity sha512-GNJDsmF0W7WOEnSbB9b/bOyS+Jl0S/zJEoGG0J9mpWTQCVx2HYvxl5EesTxO1Q/H2XmaraRNDS3xpk4l9ofo4w== - -"@nrwl/nx-win32-arm64-msvc@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-15.9.6.tgz#e1fff1890dcfbc3e9402b147d1b5d4a9cb6396c5" - integrity sha512-kFl9naZtZcSbZEXcjCJJlxWZPcZdp5AW+FGKnRKcAU3rdcsghtnf9ErMhIWJEaIxjMURV6C0ddw9YZNSVCumGA== - -"@nrwl/nx-win32-x64-msvc@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-x64-msvc/-/nx-win32-x64-msvc-15.9.6.tgz#dd13f82b75752cb65faa9f13cabb903b1619555a" - integrity sha512-omUJK6ZC6Ht5dPNxo+78hUAUhVVPsvjWhGoG1Et70rDhhNdY4c9BWU9vqmutWeDlr+ZlYNadtD/HPOikGVHfAw== - -"@nrwl/tao@15.9.6": - version "15.9.6" - resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-15.9.6.tgz#d2c54e43a1e2069cd0834e7c06fcc9208c932b12" - integrity sha512-1NGREpUbm9gjLQNmEpyH4cwVJSTawVZaksUQcotJLuVoZ8Hglx4Wci4zgD5hjtR5IML4N7pE8uN2Q3osIcUiXw== - dependencies: - nx "15.9.6" - -"@nrwl/tao@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-17.0.3.tgz#afa7a26f2638add74f97dfc6a941dcf0c81e4f95" - integrity sha512-X6zcwf6c3z7TuztRJWM/OCfzm7+LI4Uw4coc9+PWr44ohHkgId2wEJTzXrDT3+lvv8DgwPpgWPwqntw+YcgRYg== - dependencies: - nx "17.0.3" +"@nrwl/nx-darwin-arm64@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-arm64/-/nx-darwin-arm64-15.9.7.tgz#a2cb7390c782b8acf3bb8806a3002620226a933d" + integrity sha512-aBUgnhlkrgC0vu0fK6eb9Vob7eFnkuknrK+YzTjmLrrZwj7FGNAeyGXSlyo1dVokIzjVKjJg2saZZ0WQbfuCJw== + +"@nrwl/nx-darwin-x64@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-x64/-/nx-darwin-x64-15.9.7.tgz#af0437e726aeb97eb660646bfd9a7da5ba7a0a6f" + integrity sha512-L+elVa34jhGf1cmn38Z0sotQatmLovxoASCIw5r1CBZZeJ5Tg7Y9nOwjRiDixZxNN56hPKXm6xl9EKlVHVeKlg== + +"@nrwl/nx-linux-arm-gnueabihf@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-15.9.7.tgz#e29f4d31afa903bfb4d0fd7421e19be1086eae87" + integrity sha512-pqmfqqEUGFu6PmmHKyXyUw1Al0Ki8PSaR0+ndgCAb1qrekVDGDfznJfaqxN0JSLeolPD6+PFtLyXNr9ZyPFlFg== + +"@nrwl/nx-linux-arm64-gnu@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-15.9.7.tgz#eb2880a24d3268dd93583d21a6a0b9ff96bb23b4" + integrity sha512-NYOa/eRrqmM+In5g3M0rrPVIS9Z+q6fvwXJYf/KrjOHqqan/KL+2TOfroA30UhcBrwghZvib7O++7gZ2hzwOnA== + +"@nrwl/nx-linux-arm64-musl@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-musl/-/nx-linux-arm64-musl-15.9.7.tgz#5d04913c4672a96cefa78491824620d8a8bcfd7f" + integrity sha512-zyStqjEcmbvLbejdTOrLUSEdhnxNtdQXlmOuymznCzYUEGRv+4f7OAepD3yRoR0a/57SSORZmmGQB7XHZoYZJA== + +"@nrwl/nx-linux-x64-gnu@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-gnu/-/nx-linux-x64-gnu-15.9.7.tgz#cf7f61fd87f35a793e6824952a6eb12242fe43fd" + integrity sha512-saNK5i2A8pKO3Il+Ejk/KStTApUpWgCxjeUz9G+T8A+QHeDloZYH2c7pU/P3jA9QoNeKwjVO9wYQllPL9loeVg== + +"@nrwl/nx-linux-x64-musl@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-musl/-/nx-linux-x64-musl-15.9.7.tgz#2bec23c3696780540eb47fa1358dda780c84697f" + integrity sha512-extIUThYN94m4Vj4iZggt6hhMZWQSukBCo8pp91JHnDcryBg7SnYmnikwtY1ZAFyyRiNFBLCKNIDFGkKkSrZ9Q== + +"@nrwl/nx-win32-arm64-msvc@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-15.9.7.tgz#21b56ef3ab4190370effea71bd83fdc3e47ec69c" + integrity sha512-GSQ54hJ5AAnKZb4KP4cmBnJ1oC4ILxnrG1mekxeM65c1RtWg9NpBwZ8E0gU3xNrTv8ZNsBeKi/9UhXBxhsIh8A== + +"@nrwl/nx-win32-x64-msvc@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-x64-msvc/-/nx-win32-x64-msvc-15.9.7.tgz#1677ab1dcce921706b5677dc2844e3e0027f8bd5" + integrity sha512-x6URof79RPd8AlapVbPefUD3ynJZpmah3tYaYZ9xZRMXojVtEHV8Qh5vysKXQ1rNYJiiB8Ah6evSKWLbAH60tw== + +"@nrwl/tao@15.9.7": + version "15.9.7" + resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-15.9.7.tgz#c0e78c99caa6742762f7558f20d8524bc9015e97" + integrity sha512-OBnHNvQf3vBH0qh9YnvBQQWyyFZ+PWguF6dJ8+1vyQYlrLVk/XZ8nJ4ukWFb+QfPv/O8VBmqaofaOI9aFC4yTw== + dependencies: + nx "15.9.7" + +"@nrwl/tao@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-17.1.2.tgz#2bab7490c3320f997181a07e4b2a43501f8e2ccd" + integrity sha512-tL+dlygeor/kLG5fuK5qaiVFJ4hEtvJ/E+xY9epp20UKCNQSEkrSFiesiXtX6E/PPf4YbOQ4B4itWR2EYCm03Q== + dependencies: + nx "17.1.2" tslib "^2.3.0" -"@nx/devkit@17.0.2", "@nx/devkit@^17.0.2": - version "17.0.2" - resolved "https://registry.yarnpkg.com/@nx/devkit/-/devkit-17.0.2.tgz#2f931d243dcc08e3cf4e238d782bc14ee40312f6" - integrity sha512-gtJNrFtGZa96qAM4ijAvoCLj/LuUr+Jq91QITsYE4cvYL0qan4zGcAOBMclzpaXVN9pwpko+veDwHwnmp/SXTg== +"@nx/devkit@17.1.2", "@nx/devkit@^17.0.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/devkit/-/devkit-17.1.2.tgz#7e64b195a29c005d4615bfa70a9ee8c70d4e2069" + integrity sha512-9Izd9jsa++AaZSSlhi0zkv58k4clzE0kICurx9DjfWN6zXnD08HqJoUYCVVaeYS/SrWlQUbMig8e49BO8ZV5mw== dependencies: - "@nrwl/devkit" "17.0.2" + "@nrwl/devkit" "17.1.2" ejs "^3.1.7" enquirer "~2.3.6" ignore "^5.0.4" @@ -2078,55 +2059,55 @@ tmp "~0.2.1" tslib "^2.3.0" -"@nx/nx-darwin-arm64@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-darwin-arm64/-/nx-darwin-arm64-17.0.3.tgz#3d9f38be01dd8bca31d994af9533623a86a32fe9" - integrity sha512-KA75JC/hgkt9qwK4dnN1tlaTXWdYItkNMjji6YjkyAYabbLKQKVcQoPocYP/RB/Gng+vNslXwuug2atgxDf43g== - -"@nx/nx-darwin-x64@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-darwin-x64/-/nx-darwin-x64-17.0.3.tgz#9a0b61a60d3ef96381fe4296e8f819f615a3835b" - integrity sha512-YVWk9jNibD7fzn8oNBl/UNu8NEfcVwFo5wiNyfOql495yP0tyGdZNHD4i/7aS2Y654G1JYDRf7TutJ7wWFU8bg== - -"@nx/nx-freebsd-x64@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-freebsd-x64/-/nx-freebsd-x64-17.0.3.tgz#dcbf9a2dbdd052077639c45fedb9603544ee0231" - integrity sha512-yiYkfY+3IrlBrlaXN6SO4Fnb0a+Ti+FPwAqRPpH6q3uTCh0NmNgE99ydtT31ZbgCF1ZwRK8NdCbuNO3w9uznwA== - -"@nx/nx-linux-arm-gnueabihf@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-17.0.3.tgz#43ae549104f17173c44e4306a761b9043a89cb0b" - integrity sha512-x4h6QJlESJZ0bigUlxNEVyi7F/VWQQx+1IBptofXhK5eTOPjJ5qgINdM38AZg+kBJDz5XOVMDejg6RzHlhs0Tg== - -"@nx/nx-linux-arm64-gnu@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-17.0.3.tgz#4598e95ea48fa3c3e5ce9b0d997c28843893806a" - integrity sha512-1lysnsZv9FS+9fciK0qh5PhsQ8U+vyFoR/jiJl+3vqYNUwEmNLD0VEAZzpZL2SJXQqD5E0bjuQpYxiD7YRXImQ== - -"@nx/nx-linux-arm64-musl@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-17.0.3.tgz#3e0cb754f70b2bba6c0c165aead639d85a1ff560" - integrity sha512-0/bvSpbc4vOy9E24fu0ajDGe3SO8lmLtlxjXwGRcnzlt/MWM8sazoO0lX163/X2wF6tuL6+HXHOr6AeqsdeRXQ== - -"@nx/nx-linux-x64-gnu@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-17.0.3.tgz#14832b543b7f96d9b1eba24afdc59afe0fd34588" - integrity sha512-tKO6MYUxpUsHMuZrYy8hG20RIOdBY3kyEK8wxH8JZZaXKeYUK+5vv5DavWpY5wuu2jffNIJNsbUzcrqOlcbDOg== - -"@nx/nx-linux-x64-musl@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-17.0.3.tgz#3b89e9130819db1c98b5f20f95d21defc78ac737" - integrity sha512-H88yBLrI51m6NGoCkpBYhacRyTBfDuf7x00SnxSfD1yLlxCazPUG7CGkMedpzXo10YHxCFvg7B/Fa23DRRleUg== - -"@nx/nx-win32-arm64-msvc@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-17.0.3.tgz#8a8000602294bffef35a604d7fdb1df46f4c565b" - integrity sha512-bKzmzjvgLB4IzLWTySqXgBgXawfw0ZSjUkscFQ3ZHrK9loMba1Ue8Ugy2DktlkUrCyPmGSot+YZViTzWP75C3w== - -"@nx/nx-win32-x64-msvc@17.0.3": - version "17.0.3" - resolved "https://registry.yarnpkg.com/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-17.0.3.tgz#773639f3d271019fa4b38417f7ed23f50359bc78" - integrity sha512-SJssAOyUM1IW9t84/Uzau9JHo14hnG5mxvcrborNGlLq+WnP0jzISVs7gvV2xWZ9j1JemxA5KLbkMuIkJyR6qQ== +"@nx/nx-darwin-arm64@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-darwin-arm64/-/nx-darwin-arm64-17.1.2.tgz#5d8fa892471130cd1bef7247634083a1ab6e0f5b" + integrity sha512-U8fwkuw0vmDfeRQX9LSMt1XiAXM57fxOiuHlrIBn8hUBvMAugAgSAYd7K9YQjrFf9UFUtQeSHDU9N/c/n63hdg== + +"@nx/nx-darwin-x64@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-darwin-x64/-/nx-darwin-x64-17.1.2.tgz#4ea4dba39491601828ca9157879d31ed9d5db57e" + integrity sha512-QR9Jrm32UK2nLdDRtjFabfCvF5SOQJ2IuYkw6Sxe16xGZU2DS9nQku0TQO3Uy2HV1xSR7vzj7ys5z4eI2k+/mA== + +"@nx/nx-freebsd-x64@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-freebsd-x64/-/nx-freebsd-x64-17.1.2.tgz#ddb32fc29d783251099d41de6d2fa460a6578d15" + integrity sha512-6rDuFHJREVg5XpcM5RlE8pHP4bgcbns8sSemF/g75SV4iEkBqxRvSe88oBtF44b7IpX2zdONRDV4qQcRf3DxRg== + +"@nx/nx-linux-arm-gnueabihf@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-17.1.2.tgz#f29030dfc8e9b3983294939138214f1fbe0bf5f0" + integrity sha512-4FwqUX7NxVfJ0v7frBKNbjENz6pvp3slDfoG2/WmnAj5a6TCu7magwlg1qLQaHYJ1m/i8u7RrG0Uz4SYHWzkVw== + +"@nx/nx-linux-arm64-gnu@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-17.1.2.tgz#d80af7fc18f7684fc053e04cc9d4cb64cb875fd9" + integrity sha512-r6UATY0dVdxwpVJPf/f/KfRkFpMP06wC6HcfNMGbTBTKiKtsdYF42bWoSkDgtgP2bOx9FDH+Hwu3U/Rtj44FIA== + +"@nx/nx-linux-arm64-musl@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-17.1.2.tgz#f0c81be662e68b87a94d1357e715fd60806dae49" + integrity sha512-MXGYY/KCzQhbj5UKwnRO2/GhByOkRlI+EeH1Mazam8wZ1BiBfcVWZoOUybIlxxes1o4cAnkZwB527tCmwrHvGw== + +"@nx/nx-linux-x64-gnu@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-17.1.2.tgz#21c9b7d6e39192995a8624c6bc75cb450a2f351f" + integrity sha512-3cC131hJ3VhuxjzzBlwIdVp46onykOo78EmnURNdLxcWOpmcKgYXn7OnVwjrglYi+JL7D0vABGKKUpt1cs6/rA== + +"@nx/nx-linux-x64-musl@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-17.1.2.tgz#ead6ec96485f61af3be7b032ced999190094d682" + integrity sha512-1UrR87ByhE0zSXt0C+RNT5ZiAsctOSWZwPYQAGolz8K70BxomDeRVtIaRog5KK5SHlEd1ILvgsmrhovjLjrJNw== + +"@nx/nx-win32-arm64-msvc@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-17.1.2.tgz#28deaf22994dc213b158c7e196b3116e49d7b1fd" + integrity sha512-2M7FfzfPGAN7tCUWZilPGNk/RbbGcA00MKOA4MDqMwJtLobW8KqfMedilRNTEuyNibejOHwvGzA9T/Ac/ahHgA== + +"@nx/nx-win32-x64-msvc@17.1.2": + version "17.1.2" + resolved "https://registry.yarnpkg.com/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-17.1.2.tgz#9d32fbf64ed617049f6cee4c34e5259bbc009bb1" + integrity sha512-oxKCKunuo4wRusMlNu7PlhBijhtNy7eBZPAWyqUsdfnb+CjY2QncjCguW3fnsG9gHQFCa+y0b1WkSkvJ5G1DiQ== "@octokit/auth-token@^3.0.0": version "3.0.4" @@ -2211,9 +2192,9 @@ integrity sha512-HNWisMYlR8VCnNurDU6os2ikx0s0VyEjDYHNS/h4cgb8DeOxQ0n72HyinUtdDVxJhFy3FWLGl0DJhfEWk3P5Iw== "@octokit/openapi-types@^18.0.0": - version "18.0.0" - resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-18.0.0.tgz#f43d765b3c7533fd6fb88f3f25df079c24fccf69" - integrity sha512-V8GImKs3TeQRxRtXFpG2wl19V7444NIOTDF24AWuIbmNaNYOQMWRbjcGDXV5B+0n887fgDcuMNOmlul+k+oJtw== + version "18.1.1" + resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-18.1.1.tgz#09bdfdabfd8e16d16324326da5148010d765f009" + integrity sha512-VRaeH8nCDtF5aXWnjPuEMIYf1itK/s3JYyJcWFJT8X9pSNnBtriDf7wlEWsGuhPLl4QIH4xM8fqTXDwJ3Mu6sw== "@octokit/openapi-types@^19.0.2": version "19.0.2" @@ -2233,11 +2214,11 @@ "@octokit/types" "^6.41.0" "@octokit/plugin-paginate-rest@^9.0.0": - version "9.1.3" - resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-9.1.3.tgz#291ffd15243dbbf18e80feb216cca82b660b6710" - integrity sha512-gm4KmW+pdAfCO5cXJyRZnNfnPE9r6OGpRG8JZpI0eSo1XVk7LXoRcdS7aP4L9azdV0ncHazsLAI0knKjr+snPg== + version "9.1.4" + resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-9.1.4.tgz#9eca55e3e88f15b574e072732769e933bfa88d8b" + integrity sha512-MvZx4WvfhBnt7PtH5XE7HORsO7bBk4er1FgRIUr1qJ89NR2I6bWjGyKsxk8z42FPQ34hFQm0Baanh4gzdZR4gQ== dependencies: - "@octokit/types" "^12.2.0" + "@octokit/types" "^12.3.0" "@octokit/plugin-request-log@^1.0.4": version "1.0.4" @@ -2245,11 +2226,11 @@ integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA== "@octokit/plugin-rest-endpoint-methods@^10.0.0": - version "10.1.3" - resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-10.1.3.tgz#02d9e71bd24c301cef83ff3fb62f9faab8302f42" - integrity sha512-rB6MPuu/TLkDpn9SONbOeD/Q8u3nX/c39KudIrxAuEclepIIFh61534Un0GVCJRSYoIss1r/yAs6b0xUF2/9ew== + version "10.1.4" + resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-10.1.4.tgz#1bb5bcd5ce932ef385a6c613f4784cbac6b6f25e" + integrity sha512-e8dSb9ypW1Q2I+qkOPzs3A9f4/EGpSZSI45wWBfXiqcvpoxSywVcZajZRhFwAutKI+/NNoeKxsxMwCx73oQyWw== dependencies: - "@octokit/types" "^12.2.0" + "@octokit/types" "^12.3.0" "@octokit/plugin-rest-endpoint-methods@^6.0.0": version "6.8.1" @@ -2310,10 +2291,10 @@ "@octokit/plugin-request-log" "^1.0.4" "@octokit/plugin-rest-endpoint-methods" "^6.0.0" -"@octokit/types@^12.0.0", "@octokit/types@^12.2.0": - version "12.2.0" - resolved "https://registry.yarnpkg.com/@octokit/types/-/types-12.2.0.tgz#c21044ec70c5e2222043bcbe7fe2c3448a13df31" - integrity sha512-ZkdHqHJdifVndN7Pha10+qrgAjy3AcG//Vmjr/o5UFuTiYCcMhqDj39Yr9VM9zJ/42KO2xAYhV7cvLnLI9Kvwg== +"@octokit/types@^12.0.0", "@octokit/types@^12.3.0": + version "12.3.0" + resolved "https://registry.yarnpkg.com/@octokit/types/-/types-12.3.0.tgz#e3f8bc53f65ef551e19cc1a0fea15adadec17d2d" + integrity sha512-nJ8X2HRr234q3w/FcovDlA+ttUU4m1eJAourvfUUtwAWeqL8AsyRqfnLvVnYn3NFbUnsmzQCzLNdFerPwdmcDQ== dependencies: "@octokit/openapi-types" "^19.0.2" @@ -2690,6 +2671,16 @@ resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz#96116f2a912e0c02817345b3c10751069920d553" integrity sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg== +"@spectrum-css/expressvars@^3.0.9": + version "3.0.9" + resolved "https://registry.yarnpkg.com/@spectrum-css/expressvars/-/expressvars-3.0.9.tgz#72678e0845c240bc9cb6b4d828f20806810f4cab" + integrity sha512-mnxdnF2NGNdba+3OomwFURPG0XqNRD+S2cmX0ARYnia9lv84HpzhbSoGuqmQO4+4+dXe46zYjnKRe2L8oJM/zw== + +"@spectrum-css/vars@^9.0.8": + version "9.0.8" + resolved "https://registry.yarnpkg.com/@spectrum-css/vars/-/vars-9.0.8.tgz#6af3bcdace903b8461f5fcd4c9aa23e70128a456" + integrity sha512-rGfd7jqXOdR69bEjrRP58ynuIeJU0czPfwQvzhtCzg7jKVukV+efNHqrs086sC6xutB3W4TF71K/dZMr3oyTyg== + "@storybook/addon-a11y@^7.5.1": version "7.5.3" resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-7.5.3.tgz#6971092942bb4c5217d3fbb12a30acaea5e1eddd" @@ -3613,19 +3604,19 @@ minimatch "^9.0.0" "@types/aria-query@^5.0.1": - version "5.0.3" - resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.3.tgz#07570ebd25f9b516c910a91f7244052c9b58eabc" - integrity sha512-0Z6Tr7wjKJIk4OUEjVUQMtyunLDy339vcMaj38Kpj6jM2OE1p3S4kXExKZ7a3uXQAPCoy3sbrP1wibDKaf39oA== + version "5.0.4" + resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.4.tgz#1a31c3d378850d2778dabb6374d036dcba4ba708" + integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw== "@types/babel-types@*", "@types/babel-types@^7.0.0": - version "7.0.11" - resolved "https://registry.yarnpkg.com/@types/babel-types/-/babel-types-7.0.11.tgz#263b113fa396fac4373188d73225297fb86f19a9" - integrity sha512-pkPtJUUY+Vwv6B1inAz55rQvivClHJxc9aVEPPmaq2cbyeMLCiDpbKpcKyX4LAwpNGi+SHBv0tHv6+0gXv0P2A== + version "7.0.14" + resolved "https://registry.yarnpkg.com/@types/babel-types/-/babel-types-7.0.14.tgz#13e9323162c2684e85d56e76ff96c22cfeeff57f" + integrity sha512-5BC5W3pCoX12SH8nC8ReAOiMBy/rd9xil3es3S6dh83Pl9i4J3ZujfWUu5mXnEwo/WLqcD5+uj9Yk115Dh0obw== "@types/babel__core@^7.0.0": - version "7.20.3" - resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.3.tgz#d5625a50b6f18244425a1359a858c73d70340778" - integrity sha512-54fjTSeSHwfan8AyHWrKbfBWiEUrNTZsUwPTDSNaaP1QDQIZbeNUg3a59E9D+375MzUw/x1vx2/0F5LBz+AeYA== + version "7.20.4" + resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.4.tgz#26a87347e6c6f753b3668398e34496d6d9ac6ac0" + integrity sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg== dependencies: "@babel/parser" "^7.20.7" "@babel/types" "^7.20.7" @@ -3634,46 +3625,46 @@ "@types/babel__traverse" "*" "@types/babel__generator@*": - version "7.6.6" - resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.6.tgz#676f89f67dc8ddaae923f70ebc5f1fa800c031a8" - integrity sha512-66BXMKb/sUWbMdBNdMvajU7i/44RkrA3z/Yt1c7R5xejt8qh84iU54yUWCtm0QwGJlDcf/gg4zd/x4mpLAlb/w== + version "7.6.7" + resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.7.tgz#a7aebf15c7bc0eb9abd638bdb5c0b8700399c9d0" + integrity sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ== dependencies: "@babel/types" "^7.0.0" "@types/babel__template@*": - version "7.4.3" - resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.3.tgz#db9ac539a2fe05cfe9e168b24f360701bde41f5f" - integrity sha512-ciwyCLeuRfxboZ4isgdNZi/tkt06m8Tw6uGbBSBgWrnnZGNXiEyM27xc/PjXGQLqlZ6ylbgHMnm7ccF9tCkOeQ== + version "7.4.4" + resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f" + integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A== dependencies: "@babel/parser" "^7.1.0" "@babel/types" "^7.0.0" "@types/babel__traverse@*": - version "7.20.3" - resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.3.tgz#a971aa47441b28ef17884ff945d0551265a2d058" - integrity sha512-Lsh766rGEFbaxMIDH7Qa+Yha8cMVI3qAK6CHt3OR0YfxOIn5Z54iHiyDRycHrBqeIiqGa20Kpsv1cavfBKkRSw== + version "7.20.4" + resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.4.tgz#ec2c06fed6549df8bc0eb4615b683749a4a92e1b" + integrity sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA== dependencies: "@babel/types" "^7.20.7" "@types/babylon@^6.16.2": - version "6.16.6" - resolved "https://registry.yarnpkg.com/@types/babylon/-/babylon-6.16.6.tgz#a1e7e01567b26a5ebad321a74d10299189d8d932" - integrity sha512-G4yqdVlhr6YhzLXFKy5F7HtRBU8Y23+iWy7UKthMq/OSQnL1hbsoeXESQ2LY8zEDlknipDG3nRGhUC9tkwvy/w== + version "6.16.9" + resolved "https://registry.yarnpkg.com/@types/babylon/-/babylon-6.16.9.tgz#7abf03f6591a921fe3171af91433077cd2666e36" + integrity sha512-sEKyxMVEowhcr8WLfN0jJYe4gS4Z9KC2DGz0vqfC7+MXFbmvOF7jSjALC77thvAO2TLgFUPa9vDeOak+AcUrZA== dependencies: "@types/babel-types" "*" "@types/body-parser@*": - version "1.19.4" - resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.4.tgz#78ad68f1f79eb851aa3634db0c7f57f6f601b462" - integrity sha512-N7UDG0/xiPQa2D/XrVJXjkWbpqHCd2sBaB32ggRF2l83RhPfamgKGF8gwwqyksS95qUS5ZYF9aF+lLPRlwI2UA== + version "1.19.5" + resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4" + integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg== dependencies: "@types/connect" "*" "@types/node" "*" "@types/connect@*": - version "3.4.37" - resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.37.tgz#c66a96689fd3127c8772eb3e9e5c6028ec1a9af5" - integrity sha512-zBUSRqkfZ59OcwXon4HVxhx5oWCJmc0OtBTK05M+p0dYjgN6iTwIL2T/WbsQZrEsdnwaF9cWQ+azOnpPvIqY3Q== + version "3.4.38" + resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858" + integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug== dependencies: "@types/node" "*" @@ -3683,23 +3674,23 @@ integrity sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q== "@types/cors@^2.8.12": - version "2.8.14" - resolved "https://registry.yarnpkg.com/@types/cors/-/cors-2.8.14.tgz#94eeb1c95eda6a8ab54870a3bf88854512f43a92" - integrity sha512-RXHUvNWYICtbP6s18PnOCaqToK8y14DnLd75c6HfyKf228dxy7pHNOQkxPtvXKp/hINFMDjbYzsj63nnpPMSRQ== + version "2.8.16" + resolved "https://registry.yarnpkg.com/@types/cors/-/cors-2.8.16.tgz#a24bf65acd216c078890ca6ceb91e672adb158e7" + integrity sha512-Trx5or1Nyg1Fq138PCuWqoApzvoSLWzZ25ORBiHMbbUT42g578lH1GT4TwYDbiUOLFuDsCkfLneT2105fsFWGg== dependencies: "@types/node" "*" "@types/cross-spawn@^6.0.2": - version "6.0.4" - resolved "https://registry.yarnpkg.com/@types/cross-spawn/-/cross-spawn-6.0.4.tgz#e658d29e2308a01f48b7b30fd8cdf07aeb2e5a82" - integrity sha512-GGLpeThc2Bu8FBGmVn76ZU3lix17qZensEI4/MPty0aZpm2CHfgEMis31pf5X5EiudYKcPAsWciAsCALoPo5dw== + version "6.0.5" + resolved "https://registry.yarnpkg.com/@types/cross-spawn/-/cross-spawn-6.0.5.tgz#1f9a5311e0e54d6f88017ba6d564a958d1aa359f" + integrity sha512-wsIMP68FvGXk+RaWhraz6Xp4v7sl4qwzHAmtPaJEN2NRTXXI9LtFawUpeTsBNL/pd6QoLStdytCaAyiK7AEd/Q== dependencies: "@types/node" "*" "@types/detect-port@^1.3.0": - version "1.3.4" - resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.4.tgz#cd34ab0f26391f5b9c5c9bb4c9e370dfbf9e4d05" - integrity sha512-HveFGabu3IwATqwLelcp6UZ1MIzSFwk+qswC9luzzHufqAwhs22l7KkINDLWRfXxIPTYnSZ1DuQBEgeVPgUOSA== + version "1.3.5" + resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.5.tgz#deecde143245989dee0e82115f3caba5ee0ea747" + integrity sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA== "@types/doctrine@^0.0.3": version "0.0.3" @@ -3707,35 +3698,35 @@ integrity sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA== "@types/ejs@^3.1.1": - version "3.1.4" - resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.1.4.tgz#b9919c89767493b6443f85994ae6be6e49011b5c" - integrity sha512-fnM/NjByiWdSRJRrmGxgqOSAnmOnsvX1QcNYk5TVyIIj+7ZqOKMb9gQa4OIl/lil2w/8TiTWV+nz3q8yqxez/w== + version "3.1.5" + resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.1.5.tgz#49d738257cc73bafe45c13cb8ff240683b4d5117" + integrity sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg== "@types/emscripten@^1.39.6": - version "1.39.9" - resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.9.tgz#cbe73a8d153fc714a2e3177fbda2d7332d45efa7" - integrity sha512-ILdWj4XYtNOqxJaW22NEQx2gJsLfV5ncxYhhGX1a1H1lXl2Ta0gUz7QOnOoF1xQbJwWDjImi8gXN9mKdIf6n9g== + version "1.39.10" + resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.10.tgz#da6e58a6171b46a41d3694f812d845d515c77e18" + integrity sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw== "@types/eslint-scope@^3.7.3": - version "3.7.6" - resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.6.tgz#585578b368ed170e67de8aae7b93f54a1b2fdc26" - integrity sha512-zfM4ipmxVKWdxtDaJ3MP3pBurDXOCoyjvlpE3u6Qzrmw4BPbfm4/ambIeTk/r/J0iq/+2/xp0Fmt+gFvXJY2PQ== + version "3.7.7" + resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5" + integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg== dependencies: "@types/eslint" "*" "@types/estree" "*" "@types/eslint@*": - version "8.44.6" - resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.6.tgz#60e564551966dd255f4c01c459f0b4fb87068603" - integrity sha512-P6bY56TVmX8y9J87jHNgQh43h6VVU+6H7oN7hgvivV81K2XY8qJZ5vqPy/HdUoVIelii2kChYVzQanlswPWVFw== + version "8.44.7" + resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.44.7.tgz#430b3cc96db70c81f405e6a08aebdb13869198f5" + integrity sha512-f5ORu2hcBbKei97U73mf+l9t4zTGl74IqZ0GQk4oVea/VS8tQZYkUveSYojk+frraAVYId0V2WC9O4PTNru2FQ== dependencies: "@types/estree" "*" "@types/json-schema" "*" "@types/estree@*", "@types/estree@^1.0.0": - version "1.0.4" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.4.tgz#d9748f5742171b26218516cf1828b8eafaf8a9fa" - integrity sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw== + version "1.0.5" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4" + integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw== "@types/expect@^1.20.4": version "1.20.4" @@ -3743,9 +3734,9 @@ integrity sha512-Q5Vn3yjTDyCMV50TB6VRIbQNxSE4OmZR86VSbGaNpfUolm0iePBB4KdEEHmxoY5sT2+2DIvXW0rvMDP2nHZ4Mg== "@types/express-serve-static-core@^4.17.33": - version "4.17.40" - resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.40.tgz#3cac0230ca1225d4490e1a0e9266093aa4ed6a0d" - integrity sha512-dzQWNQktgK3AyMpPeIeWbnR/ve2wU0bDSfdhf+RSt1ivelrO3hwfrKjTZvJDK4IyGWlDoRj+knNSePnL7OUqOA== + version "4.17.41" + resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz#5077defa630c2e8d28aa9ffc2c01c157c305bef6" + integrity sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA== dependencies: "@types/node" "*" "@types/qs" "*" @@ -3753,9 +3744,9 @@ "@types/send" "*" "@types/express@^4.7.0": - version "4.17.20" - resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.20.tgz#e7c9b40276d29e38a4e3564d7a3d65911e2aa433" - integrity sha512-rOaqlkgEvOW495xErXMsmyX3WKBInbhG5eqojXYi3cGUaLoRDlXa5d52fkfWZT963AZ3v2eZ4MbKE6WpDAGVsw== + version "4.17.21" + resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d" + integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ== dependencies: "@types/body-parser" "*" "@types/express-serve-static-core" "^4.17.33" @@ -3768,9 +3759,9 @@ integrity sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw== "@types/fined@*": - version "1.1.3" - resolved "https://registry.yarnpkg.com/@types/fined/-/fined-1.1.3.tgz#83f03e8f0a8d3673dfcafb18fce3571f6250e1bc" - integrity sha512-CWYnSRnun3CGbt6taXeVo2lCbuaj4mchVJ4UF/BdU5TSuIn3AmS13pGMwCsBUoehGbhZrBrpNJZSZI5EVilXww== + version "1.1.5" + resolved "https://registry.yarnpkg.com/@types/fined/-/fined-1.1.5.tgz#504b87a0de8813e06e7d226f34c1cefb70d9afb0" + integrity sha512-2N93vadEGDFhASTIRbizbl4bNqpMOId5zZfj6hHqYZfEzEfO9onnU4Im8xvzo8uudySDveDHBOOSlTWf38ErfQ== "@types/glob@^7.1.1": version "7.2.0" @@ -3781,16 +3772,16 @@ "@types/node" "*" "@types/graceful-fs@^4.1.3": - version "4.1.8" - resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.8.tgz#417e461e4dc79d957dc3107f45fe4973b09c2915" - integrity sha512-NhRH7YzWq8WiNKVavKPBmtLYZHxNY19Hh+az28O/phfp68CF45pMFud+ZzJ8ewnxnC5smIdF3dqFeiSUQ5I+pw== + version "4.1.9" + resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4" + integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ== dependencies: "@types/node" "*" "@types/hast@^2.0.0": - version "2.3.7" - resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.7.tgz#5e9bd7ab4452d5313aeec9d38fbc193a70f8d810" - integrity sha512-EVLigw5zInURhzfXUM65eixfadfsHKomGKUakToXo84t8gGIJuTcD2xooM2See7GyQ7DRtYjhCHnSUQez8JaLw== + version "2.3.8" + resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.8.tgz#4ac5caf38b262b7bd5ca3202dda71f0271635660" + integrity sha512-aMIqAlFd2wTIDZuvLbhUT+TGvMxrNC8ECUIVtH6xxy0sQLs3iu6NO8Kp/VT5je7i5ufnebXzdV1dNDMnvaH6IQ== dependencies: "@types/unist" "^2" @@ -3800,34 +3791,34 @@ integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg== "@types/http-errors@*": - version "2.0.3" - resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.3.tgz#c54e61f79b3947d040f150abd58f71efb422ff62" - integrity sha512-pP0P/9BnCj1OVvQR2lF41EkDG/lWWnDyA203b/4Fmi2eTyORnBtcDoKDwjWQthELrBvWkMOrvSOnZ8OVlW6tXA== + version "2.0.4" + resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f" + integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA== "@types/inquirer@^8.2.1": - version "8.2.6" - resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-8.2.6.tgz#abd41a5fb689c7f1acb12933d787d4262a02a0ab" - integrity sha512-3uT88kxg8lNzY8ay2ZjP44DKcRaTGztqeIvN2zHvhzIBH/uAPaL75aBtdNRKbA7xXoMbBt5kX0M00VKAnfOYlA== + version "8.2.10" + resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-8.2.10.tgz#9444dce2d764c35bc5bb4d742598aaa4acb6561b" + integrity sha512-IdD5NmHyVjWM8SHWo/kPBgtzXatwPkfwzyP3fN1jF2g9BWt5WO+8hL2F4o2GKIYsU40PpqeevuUWvkS/roXJkA== dependencies: "@types/through" "*" rxjs "^7.2.0" "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0": - version "2.0.5" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#fdfdd69fa16d530047d9963635bd77c71a08c068" - integrity sha512-zONci81DZYCZjiLe0r6equvZut0b+dBRPBN5kBDjsONnutYNtJMoWQ9uR2RkL1gLG9NMTzvf+29e5RFfPbeKhQ== + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7" + integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w== "@types/istanbul-lib-report@*": - version "3.0.2" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.2.tgz#394798d5f727402eb5ec99eb9618ffcd2b7645a1" - integrity sha512-8toY6FgdltSdONav1XtUHl4LN1yTmLza+EuDazb/fEmRNCwjyqNVIQWs2IfC74IqjHkREs/nQ2FWq5kZU9IC0w== + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf" + integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA== dependencies: "@types/istanbul-lib-coverage" "*" "@types/istanbul-reports@^3.0.0": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.3.tgz#0313e2608e6d6955d195f55361ddeebd4b74c6e7" - integrity sha512-1nESsePMBlf0RPRffLZi5ujYh7IH1BWL4y9pr+Bn3cJBdxz+RTP8bUFljLz9HvzhhOSWKdyBZ4DIivdL6rvgZg== + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54" + integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ== dependencies: "@types/istanbul-lib-report" "*" @@ -3840,42 +3831,42 @@ pretty-format "^28.0.0" "@types/json-schema@*", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": - version "7.0.14" - resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.14.tgz#74a97a5573980802f32c8e47b663530ab3b6b7d1" - integrity sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw== + version "7.0.15" + resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" + integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== "@types/liftoff@^4.0.0": - version "4.0.1" - resolved "https://registry.yarnpkg.com/@types/liftoff/-/liftoff-4.0.1.tgz#bf8c622820bfcf2e13692792dc31090cbbf60d16" - integrity sha512-GUUFIP1wHuB6DEg65hkgJdqqmEeK5Vj+Wy5Tza26F9FuaHhtm4BxN00N3PhVUdCcryY9pn3SkcXGGQDLBisAPQ== + version "4.0.3" + resolved "https://registry.yarnpkg.com/@types/liftoff/-/liftoff-4.0.3.tgz#ebac04d98b65e0aeff7cc31655cb6d060a3d8146" + integrity sha512-UgbL2kR5pLrWICvr8+fuSg0u43LY250q7ZMkC+XKC3E+rs/YBDEnQIzsnhU5dYsLlwMi3R75UvCL87pObP1sxw== dependencies: "@types/fined" "*" "@types/node" "*" "@types/lodash@^4.14.167": - version "4.14.200" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.200.tgz#435b6035c7eba9cdf1e039af8212c9e9281e7149" - integrity sha512-YI/M/4HRImtNf3pJgbF+W6FrXovqj+T+/HpENLTooK9PnkacBsDpeP3IpHab40CClUfhNmdM2WTNP2sa2dni5Q== + version "4.14.201" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.201.tgz#76f47cb63124e806824b6c18463daf3e1d480239" + integrity sha512-y9euML0cim1JrykNxADLfaG0FgD1g/yTHwUs/Jg9ZIU7WKj2/4IW9Lbb1WZbvck78W/lfGXFfe+u2EGfIJXdLQ== "@types/mdx@^2.0.0": - version "2.0.9" - resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.9.tgz#80971e367bb884350ab5b2ce8fc06b34960170e7" - integrity sha512-OKMdj17y8Cs+k1r0XFyp59ChSOwf8ODGtMQ4mnpfz5eFDk1aO41yN3pSKGuvVzmWAkFp37seubY1tzOVpwfWwg== + version "2.0.10" + resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.10.tgz#0d7b57fb1d83e27656156e4ee0dfba96532930e4" + integrity sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg== "@types/mime-types@^2.1.0": - version "2.1.3" - resolved "https://registry.yarnpkg.com/@types/mime-types/-/mime-types-2.1.3.tgz#0688436864f87a0c8e33ca12be60cd791cc24b36" - integrity sha512-bvxCbHeeS7quxS7uOJShyoOQj/BfLabhF6mk9Rmr+2MRfW8W1yxyyL/0GTxLFTHen41GrIw4K3D4DrLouhb8vg== + version "2.1.4" + resolved "https://registry.yarnpkg.com/@types/mime-types/-/mime-types-2.1.4.tgz#93a1933e24fed4fb9e4adc5963a63efcbb3317a2" + integrity sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w== "@types/mime@*": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.3.tgz#886674659ce55fe7c6c06ec5ca7c0eb276a08f91" - integrity sha512-i8MBln35l856k5iOhKk2XJ4SeAWg75mLIpZB4v6imOagKL6twsukBZGDMNhdOVk7yRFTMPpfILocMos59Q1otQ== + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.4.tgz#2198ac274de6017b44d941e00261d5bc6a0e0a45" + integrity sha512-iJt33IQnVRkqeqC7PzBHPTC6fDlRNRW8vjrgqtScAhrmMwe8c4Eo7+fUGTa+XdWrpEgpyKWMYmi2dIwMAYRzPw== "@types/mime@^1": - version "1.3.4" - resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.4.tgz#a4ed836e069491414bab92c31fdea9e557aca0d9" - integrity sha512-1Gjee59G25MrQGk8bsNvC6fxNiRgUlGn2wlhGf95a59DrprnnHk80FIMMFG9XHMdrfsuA119ht06QPDXA1Z7tw== + version "1.3.5" + resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690" + integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w== "@types/minimatch@*": version "5.1.2" @@ -3888,157 +3879,159 @@ integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ== "@types/minimist@^1.2.0", "@types/minimist@^1.2.2": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c" - integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ== + version "1.2.5" + resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.5.tgz#ec10755e871497bcd83efe927e43ec46e8c0747e" + integrity sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag== "@types/node-fetch@^2.6.4": - version "2.6.8" - resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.8.tgz#9a2993583975849c2e1f360b6ca2f11755b2c504" - integrity sha512-nnH5lV9QCMPsbEVdTb5Y+F3GQxLSw1xQgIydrb2gSfEavRPs50FnMr+KUaa+LoPSqibm2N+ZZxH7lavZlAT4GA== + version "2.6.9" + resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.9.tgz#15f529d247f1ede1824f7e7acdaa192d5f28071e" + integrity sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA== dependencies: "@types/node" "*" form-data "^4.0.0" "@types/node@*", "@types/node@>=10.0.0": - version "20.5.9" - resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.9.tgz#a70ec9d8fa0180a314c3ede0e20ea56ff71aed9a" - integrity sha512-PcGNd//40kHAS3sTlzKB9C9XL4K0sTup8nbG5lC14kzEteTNuAFh9u5nA0o5TWnSG2r/JNPRXFVcHJIIeRlmqQ== + version "20.9.0" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.9.0.tgz#bfcdc230583aeb891cf51e73cfdaacdd8deae298" + integrity sha512-nekiGu2NDb1BcVofVcEKMIwzlx4NjHlcjhoxxKBNLtz15Y1z7MYf549DFvkHSId02Ax6kGwWntIBPC3l/JZcmw== + dependencies: + undici-types "~5.26.4" -"@types/node@20.4.7": - version "20.4.7" - resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.7.tgz#74d323a93f1391a63477b27b9aec56669c98b2ab" - integrity sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g== +"@types/node@20.5.1": + version "20.5.1" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.1.tgz#178d58ee7e4834152b0e8b4d30cbfab578b9bb30" + integrity sha512-4tT2UrL5LBqDwoed9wZ6N3umC4Yhz3W3FloMmiiG4JwmUJWpie0c7lcnUNd4gtMKuDEO4wRVS8B6Xa0uMRsMKg== "@types/node@^18.0.0": - version "18.18.8" - resolved "https://registry.yarnpkg.com/@types/node/-/node-18.18.8.tgz#2b285361f2357c8c8578ec86b5d097c7f464cfd6" - integrity sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ== + version "18.18.9" + resolved "https://registry.yarnpkg.com/@types/node/-/node-18.18.9.tgz#5527ea1832db3bba8eb8023ce8497b7d3f299592" + integrity sha512-0f5klcuImLnG4Qreu9hPj/rEfFq6YRc5n2mAjSsH+ec/mJL+3voBH0+8T7o8RpFjH7ovc+TRsL/c7OYIQsPTfQ== dependencies: undici-types "~5.26.4" "@types/normalize-package-data@^2.4.0": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301" - integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw== + version "2.4.4" + resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901" + integrity sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA== "@types/parse-author@^2.0.0": - version "2.0.1" - resolved "https://registry.yarnpkg.com/@types/parse-author/-/parse-author-2.0.1.tgz#9e441bdbf837085976e2aa798e54dffa1dac3d69" - integrity sha512-2RNXvvDY+7ITl/Q3znDpW9DxyAckKgLCXpoiBHN9BeLH1aV7z/W657P2+PK3wVUgGWXtc99ZQy3LkJTGlxLsvA== + version "2.0.3" + resolved "https://registry.yarnpkg.com/@types/parse-author/-/parse-author-2.0.3.tgz#fbf92ab0770f057483ba535c3087664f4b2800d5" + integrity sha512-pgRW2K/GVQoogylrGJXDl7PBLW9A6T4OOc9Hy9MLT5f7vgufK2GQ8FcfAbjFHR5HjcN9ByzuCczAORk49REqoA== "@types/parse-json@^4.0.0": - version "4.0.0" - resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0" - integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA== + version "4.0.2" + resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239" + integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw== "@types/pretty-hrtime@^1.0.0": - version "1.0.2" - resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.2.tgz#9b6e102bc2e1eea1c1c7fadf144483ce2687f233" - integrity sha512-vyv9knII8XeW8TnXDcGH7HqG6FeR56ESN6ExM34d/U8Zvs3xuG34euV6CVyB7KEYI7Ts4lQM8b4NL72e7UadnA== + version "1.0.3" + resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#ee1bd8c9f7a01b3445786aad0ef23aba5f511a44" + integrity sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA== "@types/prop-types@*": - version "15.7.9" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.9.tgz#b6f785caa7ea1fe4414d9df42ee0ab67f23d8a6d" - integrity sha512-n1yyPsugYNSmHgxDFjicaI2+gCNjsBck8UX9kuofAKlc0h1bL+20oSF72KeNaW2DUlesbEVCFgyV2dPGTiY42g== + version "15.7.10" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.10.tgz#892afc9332c4d62a5ea7e897fe48ed2085bbb08a" + integrity sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A== "@types/pug@^2.0.4": - version "2.0.6" - resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.6.tgz#f830323c88172e66826d0bde413498b61054b5a6" - integrity sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg== + version "2.0.9" + resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.9.tgz#97e765bb8eb0b90380524583f1f10838f29822f9" + integrity sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA== "@types/q@^1.5.1": - version "1.5.6" - resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.6.tgz#a6edffe8283910e46dc7a573621f928e6b47fa56" - integrity sha512-IKjZ8RjTSwD4/YG+2gtj7BPFRB/lNbWKTiSj3M7U/TD2B7HfYCxvp2Zz6xA2WIY7pAuL1QOUPw8gQRbUrrq4fQ== + version "1.5.8" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837" + integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw== "@types/qs@*", "@types/qs@^6.9.5": - version "6.9.9" - resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.9.tgz#66f7b26288f6799d279edf13da7ccd40d2fa9197" - integrity sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg== + version "6.9.10" + resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.10.tgz#0af26845b5067e1c9a622658a51f60a3934d51e8" + integrity sha512-3Gnx08Ns1sEoCrWssEgTSJs/rsT2vhGP+Ja9cnnk9k4ALxinORlQneLXFeFKOTJMOeZUFD1s7w+w2AphTpvzZw== "@types/range-parser@*": - version "1.2.6" - resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.6.tgz#7cb33992049fd7340d5b10c0098e104184dfcd2a" - integrity sha512-+0autS93xyXizIYiyL02FCY8N+KkKPhILhcUSA276HxzreZ16kl+cmwvV2qAM/PuCCwPXzOXOWhiPcw20uSFcA== + version "1.2.7" + resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb" + integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ== "@types/react@>=16": - version "18.2.36" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.36.tgz#bc68ffb4408e5d0c419b0760b2eaeec70aeeedb3" - integrity sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw== + version "18.2.37" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.37.tgz#0f03af69e463c0f19a356c2660dbca5d19c44cae" + integrity sha512-RGAYMi2bhRgEXT3f4B92WTohopH6bIXw05FuGlmJEnv/omEn190+QYEIYxIAuIBdKgboYYdVved2p1AxZVQnaw== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" csstype "^3.0.2" "@types/scheduler@*": - version "0.16.5" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.5.tgz#4751153abbf8d6199babb345a52e1eb4167d64af" - integrity sha512-s/FPdYRmZR8SjLWGMCuax7r3qCWQw9QKHzXVukAuuIJkXkDRwp+Pu5LMIVFi0Fxbav35WURicYr8u1QsoybnQw== + version "0.16.6" + resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.6.tgz#eb26db6780c513de59bee0b869ef289ad3068711" + integrity sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA== "@types/semver@^7.3.4": - version "7.5.4" - resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.4.tgz#0a41252ad431c473158b22f9bfb9a63df7541cff" - integrity sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ== + version "7.5.5" + resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.5.tgz#deed5ab7019756c9c90ea86139106b0346223f35" + integrity sha512-+d+WYC1BxJ6yVOgUgzK8gWvp5qF8ssV5r4nsDcZWKRWcDQLQ619tvWAxJQYGgBrO1MnLJC7a5GtiYsAoQ47dJg== "@types/send@*": - version "0.17.3" - resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.3.tgz#81b2ea5a3a18aad357405af2d643ccbe5a09020b" - integrity sha512-/7fKxvKUoETxjFUsuFlPB9YndePpxxRAOfGC/yJdc9kTjTeP5kRCTzfnE8kPUKCeyiyIZu0YQ76s50hCedI1ug== + version "0.17.4" + resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a" + integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA== dependencies: "@types/mime" "^1" "@types/node" "*" "@types/serve-static@*": - version "1.15.4" - resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.4.tgz#44b5895a68ca637f06c229119e1c774ca88f81b2" - integrity sha512-aqqNfs1XTF0HDrFdlY//+SGUxmdSUbjeRXb5iaZc3x0/vMbYmdw9qvOgHWOyyLFxSSRnUuP5+724zBgfw8/WAw== + version "1.15.5" + resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.5.tgz#15e67500ec40789a1e8c9defc2d32a896f05b033" + integrity sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ== dependencies: "@types/http-errors" "*" "@types/mime" "*" "@types/node" "*" "@types/through@*": - version "0.0.30" - resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.30.tgz#e0e42ce77e897bd6aead6f6ea62aeb135b8a3895" - integrity sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg== + version "0.0.33" + resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.33.tgz#14ebf599320e1c7851e7d598149af183c6b9ea56" + integrity sha512-HsJ+z3QuETzP3cswwtzt2vEIiHBk/dCcHGhbmG5X3ecnwFD/lPrMpliGXxSCg03L9AhrdwA4Oz/qfspkDW+xGQ== dependencies: "@types/node" "*" "@types/trusted-types@^2.0.2": - version "2.0.5" - resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.5.tgz#5cac7e7df3275bb95f79594f192d97da3b4fd5fe" - integrity sha512-I3pkr8j/6tmQtKV/ZzHtuaqYSQvyjGRKH4go60Rr0IDLlFxuRT5V32uvB1mecM5G1EVAUyF/4r4QZ1GHgz+mxA== + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.6.tgz#d12451beaeb9c3838f12024580dc500b7e88b0ad" + integrity sha512-HYtNooPvUY9WAVRBr4u+4Qa9fYD1ze2IUlAD3HoA6oehn1taGwBx3Oa52U4mTslTS+GAExKpaFu39Y5xUEwfjg== "@types/unist@^2", "@types/unist@^2.0.0": - version "2.0.9" - resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.9.tgz#72e164381659a49557b0a078b28308f2c6a3e1ce" - integrity sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ== + version "2.0.10" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.10.tgz#04ffa7f406ab628f7f7e97ca23e290cd8ab15efc" + integrity sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA== "@types/vinyl@^2.0.4": - version "2.0.7" - resolved "https://registry.yarnpkg.com/@types/vinyl/-/vinyl-2.0.7.tgz#9739a9a2afaf9af32761c54a0e82c735279f726c" - integrity sha512-4UqPv+2567NhMQuMLdKAyK4yzrfCqwaTt6bLhHEs8PFcxbHILsrxaY63n4wgE/BRLDWDQeI+WcTmkXKExh9hQg== + version "2.0.10" + resolved "https://registry.yarnpkg.com/@types/vinyl/-/vinyl-2.0.10.tgz#0be9d0750816b945f66dc7b24a5dee8a7bda1574" + integrity sha512-DqN5BjCrmjAtZ1apqzcq2vk2PSW0m1nFfjIafBFkAyddmHxuw3ZAK3omLiSdpuu81+8h07i6U4DtaE38Xsf2xQ== dependencies: "@types/expect" "^1.20.4" "@types/node" "*" "@types/yargs-parser@*": - version "21.0.2" - resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.2.tgz#7bd04c5da378496ef1695a1008bf8f71847a8b8b" - integrity sha512-5qcvofLPbfjmBfKaLfj/+f+Sbd6pN4zl7w7VSVI5uz7m9QZTuB2aZAa2uo1wHFBNN2x6g/SoTkXmd8mQnQF2Cw== + version "21.0.3" + resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15" + integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ== "@types/yargs@^16.0.0": - version "16.0.7" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.7.tgz#b0d0502cb5f6c17994df72a600049f10bbf17203" - integrity sha512-lQcYmxWuOfJq4IncK88/nwud9rwr1F04CFc5xzk0k4oKVyz/AI35TfsXmhjf6t8zp8mpCOi17BfvuNWx+zrYkg== + version "16.0.8" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.8.tgz#0d57a5a491d85ae75d372a32e657b1779b86c65d" + integrity sha512-1GwLEkmFafeb/HbE6pC7tFlgYSQ4Iqh2qlWCq8xN+Qfaiaxr2PcLfuhfRFRYqI6XJyeFoLYyKnhFbNsst9FMtQ== dependencies: "@types/yargs-parser" "*" "@types/yargs@^17.0.8": - version "17.0.30" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.30.tgz#921094ec92faffd2cd7e5ddb02f95ba158ab5c1d" - integrity sha512-3SJLzYk3yz3EgI9I8OLoH06B3PdXIoU2imrBZzaGqUtUXf5iUNDtmAfCGuQrny1bnmyjh/GM/YNts6WK5jR5Rw== + version "17.0.31" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.31.tgz#8fd0089803fd55d8a285895a18b88cb71a99683c" + integrity sha512-bocYSx4DI8TmdlvxqGpVNXOgCNR1Jj0gNPhhAY+iz1rgKDAaYrAYdFYnhDV1IFuiuVc9HkOwyDcFxaTElF3/wg== dependencies: "@types/yargs-parser" "*" @@ -4272,9 +4265,9 @@ acorn-import-assertions@^1.9.0: integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA== acorn-walk@^8.0.0, acorn-walk@^8.1.1: - version "8.2.0" - resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1" - integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA== + version "8.3.0" + resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.0.tgz#2097665af50fd0cf7a2dfccd2b9368964e66540f" + integrity sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA== acorn@^3.1.0: version "3.3.0" @@ -4291,12 +4284,7 @@ acorn@^7.1.1: resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== -acorn@^8.0.4, acorn@^8.4.1: - version "8.10.0" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5" - integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw== - -acorn@^8.10.0, acorn@^8.7.1, acorn@^8.8.2: +acorn@^8.0.4, acorn@^8.10.0, acorn@^8.4.1, acorn@^8.7.1, acorn@^8.8.2: version "8.11.2" resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b" integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w== @@ -4747,14 +4735,15 @@ array.prototype.reduce@^1.0.6: es-array-method-boxes-properly "^1.0.0" is-string "^1.0.7" -arraybuffer.prototype.slice@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz#9b5ea3868a6eebc30273da577eb888381c0044bb" - integrity sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw== +arraybuffer.prototype.slice@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz#98bd561953e3e74bb34938e77647179dfe6e9f12" + integrity sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw== dependencies: array-buffer-byte-length "^1.0.0" call-bind "^1.0.2" define-properties "^1.2.0" + es-abstract "^1.22.1" get-intrinsic "^1.2.1" is-array-buffer "^3.0.2" is-shared-array-buffer "^1.0.2" @@ -4859,9 +4848,9 @@ async@^2.6.0: lodash "^4.17.14" async@^3.2.3, async@^3.2.4: - version "3.2.4" - resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c" - integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ== + version "3.2.5" + resolved "https://registry.yarnpkg.com/async/-/async-3.2.5.tgz#ebd52a8fdaf7a2289a24df399f8d8485c8a46b66" + integrity sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg== asynckit@^0.4.0: version "0.4.0" @@ -4975,9 +4964,9 @@ axios@0.21.4: follow-redirects "^1.14.0" axios@^1.0.0, axios@^1.5.1: - version "1.6.0" - resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.0.tgz#f1e5292f26b2fd5c2e66876adc5b06cdbd7d2102" - integrity sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg== + version "1.6.1" + resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.1.tgz#76550d644bf0a2d469a01f9244db6753208397d7" + integrity sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g== dependencies: follow-redirects "^1.15.0" form-data "^4.0.0" @@ -5150,9 +5139,9 @@ big.js@^5.2.2: integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ== bin-links@^4.0.1: - version "4.0.2" - resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-4.0.2.tgz#13321472ea157e9530caded2b7281496d698665b" - integrity sha512-jxJ0PbXR8eQyPlExCvCs3JFnikvs1Yp4gUJt6nmgathdOwvur+q22KWC3h20gvWl4T/14DXKj2IlkJwwZkZPOw== + version "4.0.3" + resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-4.0.3.tgz#9e4a3c5900830aee3d7f52178b65e01dcdde64a5" + integrity sha512-obsRaULtJurnfox/MDwgq6Yo9kzbv1CPTk/1/s7Z/61Lezc8IKkFCOXNeVLXz0456WRzBQmSsDWlai2tIhBsfA== dependencies: cmd-shim "^6.0.0" npm-normalize-package-bin "^3.0.0" @@ -5363,17 +5352,7 @@ browserslist@^1.7.6: caniuse-db "^1.0.30000639" electron-to-chromium "^1.2.7" -browserslist@^4.0.0, browserslist@^4.21.4: - version "4.21.10" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0" - integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ== - dependencies: - caniuse-lite "^1.0.30001517" - electron-to-chromium "^1.4.477" - node-releases "^2.0.13" - update-browserslist-db "^1.0.11" - -browserslist@^4.14.5, browserslist@^4.21.9, browserslist@^4.22.1: +browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.21.4, browserslist@^4.21.9, browserslist@^4.22.1: version "4.22.1" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.1.tgz#ba91958d1a59b87dab6fed8dfbcb3da5e2e9c619" integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ== @@ -5523,15 +5502,7 @@ cacheable-request@^6.0.0: normalize-url "^4.1.0" responselike "^1.0.2" -call-bind@^1.0.0, call-bind@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c" - integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA== - dependencies: - function-bind "^1.1.1" - get-intrinsic "^1.0.2" - -call-bind@^1.0.4: +call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513" integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ== @@ -5608,16 +5579,11 @@ caniuse-api@^3.0.0: lodash.uniq "^4.5.0" caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639: - version "1.0.30001527" - resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30001527.tgz#ac0bb91fe9b87d2a4747ceff37c496de34261359" - integrity sha512-Dsbo0AuQ0cXjYojA1thuP/6hszPc262io7XVE5jTc9tkm5pMC7jJJXAImTJiMCYgG1ETgvChz80K3WqKsRZihg== - -caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001517: - version "1.0.30001527" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001527.tgz#813826554828245ccee776c850566dce12bdeaba" - integrity sha512-YkJi7RwPgWtXVSgK4lG9AHH57nSzvvOp9MesgXmw4Q7n0C3H04L0foHqfxcmSAm5AcWb8dW9AYj2tR7/5GnddQ== + version "1.0.30001561" + resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30001561.tgz#02b861e2ca89a5aa672a5859a34cad5ef865aad8" + integrity sha512-lrMBU9QyHu5Rg24Eu5bILWA6fvm/IxFy4z2lYc8Nnidkmr0io4Pi/UMqDEBU/3LPBao/UaKk4URwJP9Nww9lpQ== -caniuse-lite@^1.0.30001541: +caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001541: version "1.0.30001561" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001561.tgz#752f21f56f96f1b1a52e97aae98c57c562d5d9da" integrity sha512-NTt0DNoKe958Q0BE0j0c1V9jbUzhBxHIEJy7asmGrpE0yG63KTV7PLHPnK2E1O9RsQrQ081I3NLuXGS6zht3cw== @@ -5849,16 +5815,11 @@ ci-info@^2.0.0: resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46" integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ== -ci-info@^3.2.0: +ci-info@^3.2.0, ci-info@^3.6.1: version "3.9.0" resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4" integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ== -ci-info@^3.6.1: - version "3.8.0" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91" - integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw== - ci-parallel-vars@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/ci-parallel-vars/-/ci-parallel-vars-1.0.1.tgz#e87ff0625ccf9d286985b29b4ada8485ca9ffbc2" @@ -5923,9 +5884,9 @@ cli-spinners@2.6.1: integrity sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g== cli-spinners@^2.5.0, cli-spinners@^2.6.1: - version "2.9.0" - resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.0.tgz#5881d0ad96381e117bbe07ad91f2008fe6ffd8db" - integrity sha512-4/aL9X3Wh0yiMQlE+eeRhWP6vclO3QRtw1JHKIT0FFUs5FjpFmESqtMvYZ0+lbzBw900b95mS0hohy+qn2VK/g== + version "2.9.1" + resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.1.tgz#9c0b9dad69a6d47cbb4333c14319b060ed395a35" + integrity sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ== cli-table3@^0.6.1: version "0.6.3" @@ -6051,9 +6012,9 @@ cmd-shim@5.0.0: mkdirp-infer-owner "^2.0.0" cmd-shim@^6.0.0: - version "6.0.1" - resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-6.0.1.tgz#a65878080548e1dca760b3aea1e21ed05194da9d" - integrity sha512-S9iI9y0nKR4hwEQsVWpyxld/6kRfGepGfzff83FcaiEBpmvlbA2nnGe7Cylgrx2f/p1P5S5wpRm9oL8z1PbS3Q== + version "6.0.2" + resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-6.0.2.tgz#435fd9e5c95340e61715e19f90209ed6fcd9e0a4" + integrity sha512-+FFYbB0YLaAkhkcrjkyNLYDiOsFSfRjwjY19LXk/psmMx1z00xlCv7hhQoTGXXIKi+YXHL/iiFo8NqMVQX9nOw== coa@^2.0.2: version "2.0.2" @@ -6157,11 +6118,16 @@ comma-separated-tokens@^1.0.0: resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz#632b80b6117867a158f1080ad498b2fbe7e3f5ea" integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw== -commander@11.0.0, commander@^11.0.0: +commander@11.0.0: version "11.0.0" resolved "https://registry.yarnpkg.com/commander/-/commander-11.0.0.tgz#43e19c25dbedc8256203538e8d7e9346877a6f67" integrity sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ== +commander@^11.0.0: + version "11.1.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-11.1.0.tgz#62fdce76006a68e5c1ab3314dc92e800eb83d906" + integrity sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ== + commander@^2.2.0, commander@^2.20.0, commander@^2.9.0: version "2.20.3" resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33" @@ -6675,9 +6641,9 @@ cosmiconfig@^7.0.0, cosmiconfig@^7.0.1: yaml "^1.10.0" cosmiconfig@^8.0.0, cosmiconfig@^8.2.0: - version "8.3.4" - resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.4.tgz#ee1356e7f24e248a6bb34ec5d438c3dcebeb410c" - integrity sha512-SF+2P8+o/PTV05rgsAjDzL4OFdVXAulSfC/L19VaeVT7+tpOOSscCt2QLxDZ+CLxF2WOiq6y1K5asvs8qUJT/Q== + version "8.3.6" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3" + integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA== dependencies: import-fresh "^3.3.0" js-yaml "^4.1.0" @@ -6714,11 +6680,6 @@ crypto-random-string@^2.0.0: resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5" integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA== -css-functions-list@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.2.0.tgz#8290b7d064bf483f48d6559c10e98dc4d1ad19ee" - integrity sha512-d/jBMPyYybkkLVypgtGv12R+pIFw4/f/IHtCTxWpZc8ofTYOPigIgmA6vu5rMHartZC+WuXhBUHfnyNUIQSYrg== - css-functions-list@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.2.1.tgz#2eb205d8ce9f9ce74c5c1d7490b66b77c45ce3ea" @@ -6957,14 +6918,14 @@ dedent@0.7.0, dedent@^0.7.0: integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA== deep-equal@^2.0.5: - version "2.2.2" - resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.2.tgz#9b2635da569a13ba8e1cc159c2f744071b115daa" - integrity sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA== + version "2.2.3" + resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1" + integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA== dependencies: array-buffer-byte-length "^1.0.0" - call-bind "^1.0.2" + call-bind "^1.0.5" es-get-iterator "^1.1.3" - get-intrinsic "^1.2.1" + get-intrinsic "^1.2.2" is-arguments "^1.1.1" is-array-buffer "^3.0.2" is-date-object "^1.0.5" @@ -6974,11 +6935,11 @@ deep-equal@^2.0.5: object-is "^1.1.5" object-keys "^1.1.1" object.assign "^4.1.4" - regexp.prototype.flags "^1.5.0" + regexp.prototype.flags "^1.5.1" side-channel "^1.0.4" which-boxed-primitive "^1.0.2" which-collection "^1.0.1" - which-typed-array "^1.1.9" + which-typed-array "^1.1.13" deep-extend@^0.6.0: version "0.6.0" @@ -7022,7 +6983,7 @@ defer-to-connect@^1.0.1: resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591" integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ== -define-data-property@^1.1.1: +define-data-property@^1.0.1, define-data-property@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3" integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ== @@ -7037,10 +6998,11 @@ define-lazy-prop@^2.0.0: integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og== define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5" - integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA== + version "1.2.1" + resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" + integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg== dependencies: + define-data-property "^1.0.1" has-property-descriptors "^1.0.0" object-keys "^1.1.1" @@ -7450,15 +7412,10 @@ ejs@^3.1.7, ejs@^3.1.8: dependencies: jake "^10.8.5" -electron-to-chromium@^1.2.7, electron-to-chromium@^1.4.477: - version "1.4.508" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.508.tgz#5641ff2f5ba11df4bd960fe6a2f9f70aa8b9af96" - integrity sha512-FFa8QKjQK/A5QuFr2167myhMesGrhlOBD+3cYNxO9/S4XzHEXesyTD/1/xF644gC8buFPz3ca6G1LOQD0tZrrg== - -electron-to-chromium@^1.4.535: - version "1.4.576" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.576.tgz#0c6940fdc0d60f7e34bd742b29d8fa847c9294d1" - integrity sha512-yXsZyXJfAqzWk1WKryr0Wl0MN2D47xodPvEEwlVePBnhU5E7raevLQR+E6b9JAD3GfL/7MbAL9ZtWQQPcLx7wA== +electron-to-chromium@^1.2.7, electron-to-chromium@^1.4.535: + version "1.4.582" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.582.tgz#4908215182266793499ac57d80e2680d7dd9b3db" + integrity sha512-89o0MGoocwYbzqUUjc+VNpeOFSOK9nIdC5wY4N+PVUarUK0MtjyTjks75AZS2bW4Kl8MdewdFsWaH0jLy+JNoA== email-addresses@^5.0.0: version "5.0.0" @@ -7505,9 +7462,9 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1: once "^1.4.0" engine.io-client@~6.5.2: - version "6.5.2" - resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.5.2.tgz#8709e22c291d4297ae80318d3c8baeae71f0e002" - integrity sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg== + version "6.5.3" + resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.5.3.tgz#4cf6fa24845029b238f83c628916d9149c399bc5" + integrity sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q== dependencies: "@socket.io/component-emitter" "~3.1.0" debug "~4.3.1" @@ -7521,9 +7478,9 @@ engine.io-parser@~5.2.1: integrity sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ== engine.io@~6.5.2: - version "6.5.2" - resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.2.tgz#769348ced9d56bd47bd83d308ec1c3375e85937c" - integrity sha512-IXsMcGpw/xRfjra46sVZVHiSWo/nJ/3g1337q9KNXtS6YRzbW5yIzTCb9DjhrBe7r3GZQR0I4+nq+4ODk5g/cA== + version "6.5.4" + resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.4.tgz#6822debf324e781add2254e912f8568508850cdc" + integrity sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg== dependencies: "@types/cookie" "^0.4.1" "@types/cors" "^2.8.12" @@ -7576,16 +7533,11 @@ env-paths@^2.2.0: resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2" integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A== -envinfo@^7.7.3: +envinfo@^7.7.3, envinfo@^7.7.4: version "7.11.0" resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.0.tgz#c3793f44284a55ff8c82faf1ffd91bc6478ea01f" integrity sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg== -envinfo@^7.7.4: - version "7.10.0" - resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.10.0.tgz#55146e3909cc5fe63c22da63fb15b05aeac35b13" - integrity sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw== - equal-length@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/equal-length/-/equal-length-1.0.1.tgz#21ca112d48ab24b4e1e7ffc0e5339d31fdfc274c" @@ -7603,26 +7555,26 @@ error-ex@^1.2.0, error-ex@^1.3.1: dependencies: is-arrayish "^0.2.1" -es-abstract@^1.17.2, es-abstract@^1.20.4, es-abstract@^1.22.1: - version "1.22.1" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.1.tgz#8b4e5fc5cefd7f1660f0f8e1a52900dfbc9d9ccc" - integrity sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw== +es-abstract@^1.17.2, es-abstract@^1.22.1: + version "1.22.3" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32" + integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA== dependencies: array-buffer-byte-length "^1.0.0" - arraybuffer.prototype.slice "^1.0.1" + arraybuffer.prototype.slice "^1.0.2" available-typed-arrays "^1.0.5" - call-bind "^1.0.2" + call-bind "^1.0.5" es-set-tostringtag "^2.0.1" es-to-primitive "^1.2.1" - function.prototype.name "^1.1.5" - get-intrinsic "^1.2.1" + function.prototype.name "^1.1.6" + get-intrinsic "^1.2.2" get-symbol-description "^1.0.0" globalthis "^1.0.3" gopd "^1.0.1" - has "^1.0.3" has-property-descriptors "^1.0.0" has-proto "^1.0.1" has-symbols "^1.0.3" + hasown "^2.0.0" internal-slot "^1.0.5" is-array-buffer "^3.0.2" is-callable "^1.2.7" @@ -7630,23 +7582,23 @@ es-abstract@^1.17.2, es-abstract@^1.20.4, es-abstract@^1.22.1: is-regex "^1.1.4" is-shared-array-buffer "^1.0.2" is-string "^1.0.7" - is-typed-array "^1.1.10" + is-typed-array "^1.1.12" is-weakref "^1.0.2" - object-inspect "^1.12.3" + object-inspect "^1.13.1" object-keys "^1.1.1" object.assign "^4.1.4" - regexp.prototype.flags "^1.5.0" - safe-array-concat "^1.0.0" + regexp.prototype.flags "^1.5.1" + safe-array-concat "^1.0.1" safe-regex-test "^1.0.0" - string.prototype.trim "^1.2.7" - string.prototype.trimend "^1.0.6" - string.prototype.trimstart "^1.0.6" + string.prototype.trim "^1.2.8" + string.prototype.trimend "^1.0.7" + string.prototype.trimstart "^1.0.7" typed-array-buffer "^1.0.0" typed-array-byte-length "^1.0.0" typed-array-byte-offset "^1.0.0" typed-array-length "^1.0.4" unbox-primitive "^1.0.2" - which-typed-array "^1.1.10" + which-typed-array "^1.1.13" es-array-method-boxes-properly@^1.0.0: version "1.0.0" @@ -7669,18 +7621,18 @@ es-get-iterator@^1.1.3: stop-iteration-iterator "^1.0.0" es-module-lexer@^1.2.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.1.tgz#c1b0dd5ada807a3b3155315911f364dc4e909db1" - integrity sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q== + version "1.4.1" + resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.4.1.tgz#41ea21b43908fe6a287ffcbe4300f790555331f5" + integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w== es-set-tostringtag@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8" - integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg== + version "2.0.2" + resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz#11f7cc9f63376930a5f20be4915834f4bc74f9c9" + integrity sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q== dependencies: - get-intrinsic "^1.1.3" - has "^1.0.3" + get-intrinsic "^1.2.2" has-tostringtag "^1.0.0" + hasown "^2.0.0" es-to-primitive@^1.2.1: version "1.2.1" @@ -8068,9 +8020,9 @@ fast-glob@3.2.7: micromatch "^4.0.4" fast-glob@^3.0.3, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1: - version "3.3.1" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4" - integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg== + version "3.3.2" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129" + integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" @@ -8141,13 +8093,6 @@ figures@^5.0.0: escape-string-regexp "^5.0.0" is-unicode-supported "^1.2.0" -file-entry-cache@^6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027" - integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg== - dependencies: - flat-cache "^3.0.4" - file-entry-cache@^7.0.0: version "7.0.1" resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-7.0.1.tgz#c71b3509badb040f362255a53e21f15a4e74fc0f" @@ -8379,19 +8324,10 @@ flagged-respawn@^2.0.0: resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-2.0.0.tgz#abf39719dcfe1ac06c86c9466081c541c682987b" integrity sha512-Gq/a6YCi8zexmGHMuJwahTGzXlAZAOsbCVKduWXC6TlLCjjFRlExMJc4GC2NYPYZ0r/brw9P7CpRgQmlPVeOoA== -flat-cache@^3.0.4: - version "3.1.0" - resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.0.tgz#0e54ab4a1a60fe87e2946b6b00657f1c99e1af3f" - integrity sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew== - dependencies: - flatted "^3.2.7" - keyv "^4.5.3" - rimraf "^3.0.2" - flat-cache@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.1.tgz#a02a15fdec25a8f844ff7cc658f03dd99eb4609b" - integrity sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q== + version "3.2.0" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee" + integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw== dependencies: flatted "^3.2.9" keyv "^4.5.3" @@ -8402,11 +8338,6 @@ flat@^5.0.2: resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241" integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ== -flatted@^3.2.7: - version "3.2.7" - resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787" - integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ== - flatted@^3.2.9: version "3.2.9" resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.9.tgz#7eb4c67ca1ba34232ca9d2d93e9886e611ad7daf" @@ -8418,9 +8349,9 @@ flatten@^1.0.2: integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg== flow-parser@0.*: - version "0.220.1" - resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.220.1.tgz#8302ef224e2efb549cccb69fcfb8fb8fb2346668" - integrity sha512-RoM3ARqVYvxnwtkM36RjQFzo5Z9p22jUqtuMrN8gzA/8fU6iMLFE3cXkdSFPyfHRXLU8ILH8TCtSFADk1ACPCg== + version "0.221.0" + resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.221.0.tgz#e11d7b7d19fb4ce08c3e54461476af4111a62fd0" + integrity sha512-i+GzdLcKYy5bxhx1N+FIcR1bTqssuVWTJcuytMhwqLAxifz46g4BSNicWXGrtzT0HibJUBIzZOYA3FveJucTPg== flush-write-stream@^1.0.2: version "1.1.1" @@ -8431,9 +8362,9 @@ flush-write-stream@^1.0.2: readable-stream "^2.3.6" follow-redirects@^1.0.0, follow-redirects@^1.14.0, follow-redirects@^1.15.0: - version "1.15.2" - resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13" - integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA== + version "1.15.3" + resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a" + integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q== for-each@^0.3.3: version "0.3.3" @@ -8598,17 +8529,12 @@ fsevents@^2.3.2, fsevents@~2.3.2: resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw== -function-bind@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" - integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A== - function-bind@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c" integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== -function.prototype.name@^1.1.5: +function.prototype.name@^1.1.6: version "1.1.6" resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd" integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg== @@ -8671,17 +8597,7 @@ get-caller-file@^2.0.5: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== -get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82" - integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw== - dependencies: - function-bind "^1.1.1" - has "^1.0.3" - has-proto "^1.0.1" - has-symbols "^1.0.3" - -get-intrinsic@^1.2.2: +get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2: version "1.2.2" resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b" integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA== @@ -8697,9 +8613,9 @@ get-nonce@^1.0.0: integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q== get-npm-tarball-url@^2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/get-npm-tarball-url/-/get-npm-tarball-url-2.0.3.tgz#67dff908d699e9e2182530ae6e939a93e5f8dfdb" - integrity sha512-R/PW6RqyaBQNWYaSyfrh54/qtcnOp22FHCCiRhSSZj0FP3KQWCsxxt0DzIdVTbwTqe9CtQfvl/FPD4UIPt4pqw== + version "2.1.0" + resolved "https://registry.yarnpkg.com/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz#cbd6bb25884622bc3191c761466c93ac83343213" + integrity sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA== get-package-type@^0.1.0: version "0.1.0" @@ -8904,7 +8820,7 @@ glob@7.1.4: once "^1.3.0" path-is-absolute "^1.0.0" -glob@^10.0.0: +glob@^10.0.0, glob@^10.2.2, glob@^10.3.7: version "10.3.10" resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b" integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g== @@ -8915,17 +8831,6 @@ glob@^10.0.0: minipass "^5.0.0 || ^6.0.2 || ^7.0.0" path-scurry "^1.10.1" -glob@^10.2.2, glob@^10.2.5: - version "10.3.4" - resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.4.tgz#c85c9c7ab98669102b6defda76d35c5b1ef9766f" - integrity sha512-6LFElP3A+i/Q8XQKEvZjkEWEOTgAIALR9AO2rwT8bgPhDd1anmqDJDZ6lLddI4ehxxxR1S5RIqKe1uapMQfYaQ== - dependencies: - foreground-child "^3.1.0" - jackspeak "^2.0.3" - minimatch "^9.0.1" - minipass "^5.0.0 || ^6.0.2 || ^7.0.0" - path-scurry "^1.10.1" - glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.0: version "7.2.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" @@ -9358,11 +9263,11 @@ has-flag@^4.0.0: integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ== has-property-descriptors@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861" - integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ== + version "1.0.1" + resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz#52ba30b6c5ec87fd89fa574bc1c39125c6f65340" + integrity sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg== dependencies: - get-intrinsic "^1.1.1" + get-intrinsic "^1.2.2" has-proto@^1.0.1: version "1.0.1" @@ -9422,13 +9327,6 @@ has-yarn@^2.1.0: resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77" integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw== -has@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796" - integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw== - dependencies: - function-bind "^1.1.1" - hasown@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c" @@ -9825,9 +9723,9 @@ init-package-json@3.0.2, init-package-json@^3.0.2: validate-npm-package-name "^4.0.0" inquirer-autocomplete-prompt@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/inquirer-autocomplete-prompt/-/inquirer-autocomplete-prompt-3.0.0.tgz#b00478882feb326b34e0754a1695d912e387a63b" - integrity sha512-nsPWllBQB3qhvpVgV1UIJN4xo3yz7Qv8y1+zrNVpJUNPxtUZ7btCum/4UCAs5apPCe/FVhKH1V6Wx0cAwkreyg== + version "3.0.1" + resolved "https://registry.yarnpkg.com/inquirer-autocomplete-prompt/-/inquirer-autocomplete-prompt-3.0.1.tgz#e84ed088399f80740f0c4d4b65d17b2abb4fe367" + integrity sha512-DQBXwX2fVQPVUzu4v4lGgtNgyjcX2+rTyphb2MeSOQh3xUayKAfHAF4y0KgsMi06m6ZiR3xIOdzMZMfQgX2m9w== dependencies: ansi-escapes "^6.0.0" figures "^5.0.0" @@ -9878,11 +9776,11 @@ inquirer@^8.2.2, inquirer@^8.2.4: wrap-ansi "^6.0.1" inquirer@^9.2.10: - version "9.2.10" - resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.10.tgz#495a846fd6722ffadba896bd9d93e1e5a7add5c7" - integrity sha512-tVVNFIXU8qNHoULiazz612GFl+yqNfjMTbLuViNJE/d860Qxrd3NMrse8dm40VUQLOQeULvaQF8lpAhvysjeyA== + version "9.2.12" + resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.12.tgz#0348e9311765b7c93fce143bb1c0ef1ae879b1d7" + integrity sha512-mg3Fh9g2zfuVWJn6lhST0O7x4n03k7G8Tx5nvikJkbq8/CK47WDVm+UznF0G6s5Zi0KcyUisr6DU8T67N5U+1Q== dependencies: - "@ljharb/through" "^2.3.9" + "@ljharb/through" "^2.3.11" ansi-escapes "^4.3.2" chalk "^5.3.0" cli-cursor "^3.1.0" @@ -9898,7 +9796,7 @@ inquirer@^9.2.10: strip-ansi "^6.0.1" wrap-ansi "^6.2.0" -internal-slot@^1.0.4: +internal-slot@^1.0.4, internal-slot@^1.0.5: version "1.0.6" resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.6.tgz#37e756098c4911c5e912b8edbf71ed3aa116f930" integrity sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg== @@ -9907,15 +9805,6 @@ internal-slot@^1.0.4: hasown "^2.0.0" side-channel "^1.0.4" -internal-slot@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986" - integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ== - dependencies: - get-intrinsic "^1.2.0" - has "^1.0.3" - side-channel "^1.0.4" - interpret@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e" @@ -9971,19 +9860,12 @@ is-absolute@^1.0.0: is-relative "^1.0.0" is-windows "^1.0.1" -is-accessor-descriptor@^0.1.6: - version "0.1.6" - resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6" - integrity sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A== - dependencies: - kind-of "^3.0.2" - -is-accessor-descriptor@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656" - integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ== +is-accessor-descriptor@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz#3223b10628354644b86260db29b3e693f5ceedd4" + integrity sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA== dependencies: - kind-of "^6.0.0" + hasown "^2.0.0" is-alphabetical@^1.0.0: version "1.0.4" @@ -10067,25 +9949,18 @@ is-ci@2.0.0, is-ci@^2.0.0: ci-info "^2.0.0" is-core-module@^2.13.0, is-core-module@^2.5.0, is-core-module@^2.8.1: - version "2.13.0" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db" - integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ== - dependencies: - has "^1.0.3" - -is-data-descriptor@^0.1.4: - version "0.1.4" - resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56" - integrity sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg== + version "2.13.1" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384" + integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw== dependencies: - kind-of "^3.0.2" + hasown "^2.0.0" -is-data-descriptor@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7" - integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ== +is-data-descriptor@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz#2109164426166d32ea38c405c1e0945d9e6a4eeb" + integrity sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw== dependencies: - kind-of "^6.0.0" + hasown "^2.0.0" is-date-object@^1.0.1, is-date-object@^1.0.5: version "1.0.5" @@ -10105,22 +9980,20 @@ is-deflate@^1.0.0: integrity sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ== is-descriptor@^0.1.0: - version "0.1.6" - resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca" - integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg== + version "0.1.7" + resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.7.tgz#2727eb61fd789dcd5bdf0ed4569f551d2fe3be33" + integrity sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg== dependencies: - is-accessor-descriptor "^0.1.6" - is-data-descriptor "^0.1.4" - kind-of "^5.0.0" + is-accessor-descriptor "^1.0.1" + is-data-descriptor "^1.0.1" is-descriptor@^1.0.0, is-descriptor@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec" - integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg== + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.3.tgz#92d27cb3cd311c4977a4db47df457234a13cb306" + integrity sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw== dependencies: - is-accessor-descriptor "^1.0.0" - is-data-descriptor "^1.0.0" - kind-of "^6.0.2" + is-accessor-descriptor "^1.0.1" + is-data-descriptor "^1.0.1" is-directory@^0.3.1: version "0.3.1" @@ -10412,7 +10285,7 @@ is-text-path@^1.0.1: dependencies: text-extensions "^1.0.0" -is-typed-array@^1.1.10, is-typed-array@^1.1.3, is-typed-array@^1.1.9: +is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.3, is-typed-array@^1.1.9: version "1.1.12" resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.12.tgz#d0bab5686ef4a76f7a73097b95470ab199c57d4a" integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg== @@ -10538,9 +10411,9 @@ isobject@^3.0.0, isobject@^3.0.1: integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg== istanbul-lib-coverage@^3.2.0: - version "3.2.1" - resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.1.tgz#c680fd1544600460367af5811866c34c44c6f3b1" - integrity sha512-opCrKqbthmq3SKZ10mFMQG9dk3fTa3quaOLD35kJa5ejwZHd9xAr+kLuziiZz2cG32s4lMZxNdmdcEQnTDP4+g== + version "3.2.2" + resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756" + integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg== istanbul-lib-instrument@^5.0.4: version "5.2.1" @@ -10561,15 +10434,6 @@ istextorbinary@^3.0.0: binaryextensions "^2.2.0" textextensions "^3.2.0" -jackspeak@^2.0.3: - version "2.3.3" - resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.3.tgz#95e4cbcc03b3eb357bf6bcce14a903fb3d1151e1" - integrity sha512-R2bUw+kVZFS/h1AZqBKrSgDmdmjApzgY0AlCPumopFiAlbUxE2gf+SCuBzQ0cP5hHmUmFYF5yw55T97Th5Kstg== - dependencies: - "@isaacs/cliui" "^8.0.2" - optionalDependencies: - "@pkgjs/parseargs" "^0.11.0" - jackspeak@^2.3.5: version "2.3.6" resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8" @@ -10874,9 +10738,9 @@ keyv@^3.0.0: json-buffer "3.0.0" keyv@^4.5.3: - version "4.5.3" - resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.3.tgz#00873d2b046df737963157bd04f294ca818c9c25" - integrity sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug== + version "4.5.4" + resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93" + integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw== dependencies: json-buffer "3.0.1" @@ -10899,12 +10763,12 @@ kind-of@^4.0.0: dependencies: is-buffer "^1.1.5" -kind-of@^5.0.0, kind-of@^5.0.2: +kind-of@^5.0.2: version "5.1.0" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d" integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw== -kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3: +kind-of@^6.0.2, kind-of@^6.0.3: version "6.0.3" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd" integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== @@ -10919,11 +10783,6 @@ klona@^2.0.4: resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22" integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA== -known-css-properties@^0.28.0: - version "0.28.0" - resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.28.0.tgz#8a8be010f368b3036fe6ab0ef4bbbed972bd6274" - integrity sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ== - known-css-properties@^0.29.0: version "0.29.0" resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.29.0.tgz#e8ba024fb03886f23cb882e806929f32d814158f" @@ -11145,9 +11004,9 @@ lines-and-columns@^1.1.6: integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg== lines-and-columns@~2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-2.0.3.tgz#b2f0badedb556b747020ab8ea7f0373e22efac1b" - integrity sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w== + version "2.0.4" + resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-2.0.4.tgz#d00318855905d2660d8c0822e3f5a4715855fc42" + integrity sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A== linkify-it@^3.0.1: version "3.0.3" @@ -11566,9 +11425,11 @@ lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1: integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA== "lru-cache@^9.1.1 || ^10.0.0": - version "10.0.1" - resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.0.1.tgz#0a3be479df549cca0e5d693ac402ff19537a6b7a" - integrity sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g== + version "10.0.2" + resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.0.2.tgz#34504678cc3266b09b8dfd6fab4e1515258271b7" + integrity sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg== + dependencies: + semver "^7.3.5" lunr@^2.3.6: version "2.3.9" @@ -11600,7 +11461,7 @@ make-error@^1.1.1: resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2" integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw== -make-fetch-happen@^10.0.6: +make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6: version "10.2.1" resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz#f5e3835c5e9817b617f2770870d9492d28678164" integrity sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w== @@ -11622,7 +11483,7 @@ make-fetch-happen@^10.0.6: socks-proxy-agent "^7.0.0" ssri "^9.0.0" -make-fetch-happen@^11.0.0, make-fetch-happen@^11.0.1, make-fetch-happen@^11.0.3, make-fetch-happen@^11.1.1: +make-fetch-happen@^11.0.0, make-fetch-happen@^11.0.1, make-fetch-happen@^11.1.1: version "11.1.1" resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz#85ceb98079584a9523d4bf71d32996e7e208549f" integrity sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w== @@ -12073,9 +11934,9 @@ minipass@^5.0.0: integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ== "minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.3: - version "7.0.3" - resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.3.tgz#05ea638da44e475037ed94d1c7efcc76a25e1974" - integrity sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg== + version "7.0.4" + resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c" + integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ== minizlib@^2.1.1, minizlib@^2.1.2: version "2.1.2" @@ -12191,14 +12052,14 @@ mute-stream@1.0.0: integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA== nan@^2.12.1: - version "2.17.0" - resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb" - integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ== + version "2.18.0" + resolved "https://registry.yarnpkg.com/nan/-/nan-2.18.0.tgz#26a6faae7ffbeb293a39660e88a76b82e30b7554" + integrity sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w== nanoid@^3.3.6: - version "3.3.6" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c" - integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA== + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== nanomatch@^1.2.9: version "1.2.13" @@ -12287,15 +12148,15 @@ node-gyp-build@^4.3.0: integrity sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ== node-gyp@^9.0.0: - version "9.4.0" - resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.4.0.tgz#2a7a91c7cba4eccfd95e949369f27c9ba704f369" - integrity sha512-dMXsYP6gc9rRbejLXmTbVRYjAHw7ppswsKyMxuxJxxOHzluIO1rGp9TOQgjFJ+2MCqcOcQTOPB/8Xwhr+7s4Eg== + version "9.4.1" + resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.4.1.tgz#8a1023e0d6766ecb52764cc3a734b36ff275e185" + integrity sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ== dependencies: env-paths "^2.2.0" exponential-backoff "^3.1.1" glob "^7.1.4" graceful-fs "^4.2.6" - make-fetch-happen "^11.0.3" + make-fetch-happen "^10.0.3" nopt "^6.0.0" npmlog "^6.0.0" rimraf "^3.0.2" @@ -12442,9 +12303,9 @@ npm-bundled@^3.0.0: npm-normalize-package-bin "^3.0.0" npm-install-checks@^6.0.0: - version "6.2.0" - resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-6.2.0.tgz#fae55b9967b03ac309695ec96629492d5cedf371" - integrity sha512-744wat5wAAHsxa4590mWO0tJ8PKxR8ORZsH9wGpQc3nWTzozMAgBN/XyqYw7mg3yqLM8dLwEnwSfKMmXAjF69g== + version "6.3.0" + resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-6.3.0.tgz#046552d8920e801fa9f919cad569545d60e826fe" + integrity sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw== dependencies: semver "^7.1.1" @@ -12631,13 +12492,13 @@ number-is-nan@^1.0.0: resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ== -nx@15.9.6, "nx@>=15.5.2 < 16": - version "15.9.6" - resolved "https://registry.yarnpkg.com/nx/-/nx-15.9.6.tgz#f14a02a7ac4f2fb61ef83198e8c2756660eca0f7" - integrity sha512-lUICyOgcPTfGYNZpjpQP7ug669IomfssTzz68r+j83SpYKc6UuZrQMqazYenTFPJzEvG5FKGXOfFyONoLe36zQ== +nx@15.9.7, "nx@>=15.5.2 < 16": + version "15.9.7" + resolved "https://registry.yarnpkg.com/nx/-/nx-15.9.7.tgz#f0e713cedb8637a517d9c4795c99afec4959a1b6" + integrity sha512-1qlEeDjX9OKZEryC8i4bA+twNg+lB5RKrozlNwWx/lLJHqWPUfvUTvxh+uxlPYL9KzVReQjUuxMLFMsHNqWUrA== dependencies: - "@nrwl/cli" "15.9.6" - "@nrwl/tao" "15.9.6" + "@nrwl/cli" "15.9.7" + "@nrwl/tao" "15.9.7" "@parcel/watcher" "2.0.4" "@yarnpkg/lockfile" "^1.1.0" "@yarnpkg/parsers" "3.0.0-rc.46" @@ -12661,7 +12522,7 @@ nx@15.9.6, "nx@>=15.5.2 < 16": minimatch "3.0.5" npm-run-path "^4.0.1" open "^8.4.0" - semver "7.3.4" + semver "7.5.4" string-width "^4.2.3" strong-log-transformer "^2.1.0" tar-stream "~2.2.0" @@ -12672,22 +12533,22 @@ nx@15.9.6, "nx@>=15.5.2 < 16": yargs "^17.6.2" yargs-parser "21.1.1" optionalDependencies: - "@nrwl/nx-darwin-arm64" "15.9.6" - "@nrwl/nx-darwin-x64" "15.9.6" - "@nrwl/nx-linux-arm-gnueabihf" "15.9.6" - "@nrwl/nx-linux-arm64-gnu" "15.9.6" - "@nrwl/nx-linux-arm64-musl" "15.9.6" - "@nrwl/nx-linux-x64-gnu" "15.9.6" - "@nrwl/nx-linux-x64-musl" "15.9.6" - "@nrwl/nx-win32-arm64-msvc" "15.9.6" - "@nrwl/nx-win32-x64-msvc" "15.9.6" - -nx@17.0.3, nx@^17.0.3: - version "17.0.3" - resolved "https://registry.yarnpkg.com/nx/-/nx-17.0.3.tgz#30ec7c0209a6ddaaeddfb2b9e38537ce4db30299" - integrity sha512-VShJISKCYt3iVJoMUPZiv67+0tiItxWMnfVmTmPZPio2Fu+wGc9U4ijjPxcmp2RJmLRaxkB9cn5rlrAvkIrNMA== - dependencies: - "@nrwl/tao" "17.0.3" + "@nrwl/nx-darwin-arm64" "15.9.7" + "@nrwl/nx-darwin-x64" "15.9.7" + "@nrwl/nx-linux-arm-gnueabihf" "15.9.7" + "@nrwl/nx-linux-arm64-gnu" "15.9.7" + "@nrwl/nx-linux-arm64-musl" "15.9.7" + "@nrwl/nx-linux-x64-gnu" "15.9.7" + "@nrwl/nx-linux-x64-musl" "15.9.7" + "@nrwl/nx-win32-arm64-msvc" "15.9.7" + "@nrwl/nx-win32-x64-msvc" "15.9.7" + +nx@17.1.2, nx@^17.0.3: + version "17.1.2" + resolved "https://registry.yarnpkg.com/nx/-/nx-17.1.2.tgz#135d9be7845746fd248774bd41a75ce26c68b682" + integrity sha512-pf94ri36cAiSzbYcPTJwQzttgAsHSjCLEni0Ilw6aVdjpoV2l6cggYxwddX7pgtCWuokVp/6KhAxVkbzvH65wg== + dependencies: + "@nrwl/tao" "17.1.2" "@yarnpkg/lockfile" "^1.1.0" "@yarnpkg/parsers" "3.0.0-rc.46" "@zkochan/js-yaml" "0.0.6" @@ -12723,16 +12584,16 @@ nx@17.0.3, nx@^17.0.3: yargs "^17.6.2" yargs-parser "21.1.1" optionalDependencies: - "@nx/nx-darwin-arm64" "17.0.3" - "@nx/nx-darwin-x64" "17.0.3" - "@nx/nx-freebsd-x64" "17.0.3" - "@nx/nx-linux-arm-gnueabihf" "17.0.3" - "@nx/nx-linux-arm64-gnu" "17.0.3" - "@nx/nx-linux-arm64-musl" "17.0.3" - "@nx/nx-linux-x64-gnu" "17.0.3" - "@nx/nx-linux-x64-musl" "17.0.3" - "@nx/nx-win32-arm64-msvc" "17.0.3" - "@nx/nx-win32-x64-msvc" "17.0.3" + "@nx/nx-darwin-arm64" "17.1.2" + "@nx/nx-darwin-x64" "17.1.2" + "@nx/nx-freebsd-x64" "17.1.2" + "@nx/nx-linux-arm-gnueabihf" "17.1.2" + "@nx/nx-linux-arm64-gnu" "17.1.2" + "@nx/nx-linux-arm64-musl" "17.1.2" + "@nx/nx-linux-x64-gnu" "17.1.2" + "@nx/nx-linux-x64-musl" "17.1.2" + "@nx/nx-win32-arm64-msvc" "17.1.2" + "@nx/nx-win32-x64-msvc" "17.1.2" object-assign@^4, object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" @@ -12748,10 +12609,10 @@ object-copy@^0.1.0: define-property "^0.2.5" kind-of "^3.0.3" -object-inspect@^1.12.3, object-inspect@^1.9.0: - version "1.12.3" - resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9" - integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g== +object-inspect@^1.13.1, object-inspect@^1.9.0: + version "1.13.1" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2" + integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ== object-is@^1.1.5: version "1.1.5" @@ -13955,16 +13816,7 @@ postcss@^7.0.0, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.32, postcss@^7.0.3 picocolors "^0.2.1" source-map "^0.6.1" -postcss@^8.4.21, postcss@^8.4.27: - version "8.4.29" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.29.tgz#33bc121cf3b3688d4ddef50be869b2a54185a1dd" - integrity sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw== - dependencies: - nanoid "^3.3.6" - picocolors "^1.0.0" - source-map-js "^1.0.2" - -postcss@^8.4.28: +postcss@^8.4.21, postcss@^8.4.28: version "8.4.31" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d" integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ== @@ -14413,9 +14265,9 @@ punycode@^1.4.1: integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ== punycode@^2.1.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f" - integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA== + version "2.3.1" + resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" + integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg== pupa@^2.1.1: version "2.1.1" @@ -14921,14 +14773,14 @@ regex-not@^1.0.0, regex-not@^1.0.2: extend-shallow "^3.0.2" safe-regex "^1.1.0" -regexp.prototype.flags@^1.5.0: - version "1.5.0" - resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz#fe7ce25e7e4cca8db37b6634c8a2c7009199b9cb" - integrity sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA== +regexp.prototype.flags@^1.5.1: + version "1.5.1" + resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e" + integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg== dependencies: call-bind "^1.0.2" define-properties "^1.2.0" - functions-have-names "^1.2.3" + set-function-name "^2.0.0" regexpu-core@^5.3.1: version "5.3.2" @@ -15123,16 +14975,7 @@ resolve-url@^0.2.1: resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a" integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg== -resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.4.0: - version "1.22.4" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34" - integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg== - dependencies: - is-core-module "^2.13.0" - path-parse "^1.0.7" - supports-preserve-symlinks-flag "^1.0.0" - -resolve@^1.14.2: +resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.15.1, resolve@^1.20.0, resolve@^1.4.0: version "1.22.8" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d" integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw== @@ -15221,11 +15064,11 @@ rimraf@^4.4.1: glob "^9.2.0" rimraf@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.1.tgz#0881323ab94ad45fec7c0221f27ea1a142f3f0d0" - integrity sha512-OfFZdwtd3lZ+XZzYP/6gTACubwFcHdLRqS9UX3UwpU2dnGQYkPFISRwvM3w9IiB2w7bW5qGo/uAwE4SmXXSKvg== + version "5.0.5" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.5.tgz#9be65d2d6e683447d2e9013da2bf451139a61ccf" + integrity sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A== dependencies: - glob "^10.2.5" + glob "^10.3.7" rimraf@~2.6.2: version "2.6.3" @@ -15263,13 +15106,13 @@ rxjs@^7.2.0, rxjs@^7.5.5, rxjs@^7.5.6, rxjs@^7.8.1: dependencies: tslib "^2.1.0" -safe-array-concat@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.0.tgz#2064223cba3c08d2ee05148eedbc563cd6d84060" - integrity sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ== +safe-array-concat@^1.0.0, safe-array-concat@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c" + integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q== dependencies: call-bind "^1.0.2" - get-intrinsic "^1.2.0" + get-intrinsic "^1.2.1" has-symbols "^1.0.3" isarray "^2.0.5" @@ -15304,7 +15147,12 @@ safe-regex@^1.1.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== -sax@^1.2.4, sax@~1.2.4: +sax@^1.2.4: + version "1.3.0" + resolved "https://registry.yarnpkg.com/sax/-/sax-1.3.0.tgz#a5dbe77db3be05c9d1ee7785dbd3ea9de51593d0" + integrity sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA== + +sax@~1.2.4: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== @@ -15354,13 +15202,6 @@ semver-greatest-satisfied-range@^1.1.0: resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8" integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g== -semver@7.3.4: - version "7.3.4" - resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97" - integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw== - dependencies: - lru-cache "^6.0.0" - semver@7.3.8: version "7.3.8" resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798" @@ -15501,6 +15342,15 @@ set-function-length@^1.1.1: gopd "^1.0.1" has-property-descriptors "^1.0.0" +set-function-name@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a" + integrity sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA== + dependencies: + define-data-property "^1.0.1" + functions-have-names "^1.2.3" + has-property-descriptors "^1.0.0" + set-value@^2.0.0, set-value@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b" @@ -15843,9 +15693,9 @@ spdx-expression-parse@^3.0.0: spdx-license-ids "^3.0.0" spdx-license-ids@^3.0.0: - version "3.0.13" - resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz#7189a474c46f8d47c7b0da4b987bb45e908bd2d5" - integrity sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w== + version "3.0.16" + resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz#a14f64e0954f6e25cc6587bd4f392522db0d998f" + integrity sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw== split-string@^3.0.1, split-string@^3.0.2: version "3.1.0" @@ -16029,25 +15879,25 @@ string.prototype.padend@^3.0.0: define-properties "^1.2.0" es-abstract "^1.22.1" -string.prototype.trim@^1.2.7: - version "1.2.7" - resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533" - integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg== +string.prototype.trim@^1.2.8: + version "1.2.8" + resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd" + integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ== dependencies: call-bind "^1.0.2" - define-properties "^1.1.4" - es-abstract "^1.20.4" + define-properties "^1.2.0" + es-abstract "^1.22.1" -string.prototype.trimend@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533" - integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ== +string.prototype.trimend@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e" + integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA== dependencies: call-bind "^1.0.2" - define-properties "^1.1.4" - es-abstract "^1.20.4" + define-properties "^1.2.0" + es-abstract "^1.22.1" -string.prototype.trimstart@^1.0.6: +string.prototype.trimstart@^1.0.7: version "1.0.7" resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298" integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg== @@ -16171,9 +16021,9 @@ style-dictionary-sets@^2.3.0: deepmerge "^4.2.2" style-dictionary@^3.8.0: - version "3.8.0" - resolved "https://registry.yarnpkg.com/style-dictionary/-/style-dictionary-3.8.0.tgz#7cb8d64360c53431f768d44def665f61e971a73e" - integrity sha512-wHlB/f5eO3mDcYv6WtOz6gvQC477jBKrwuIXe+PtHskTCBsJdAOvL8hCquczJxDui2TnwpeNE+2msK91JJomZg== + version "3.9.0" + resolved "https://registry.yarnpkg.com/style-dictionary/-/style-dictionary-3.9.0.tgz#c89ba60b81a821c52515ae45d5e5c2da41c34546" + integrity sha512-mnq8QfPJoj3ellKHRKZwmCgYUGgwYtoagW5edyKpR09O1W4/XqBdeKXoY/LbeIKqHrqVR7sGgk6E/dNYkPS4aA== dependencies: chalk "^4.0.0" change-case "^4.1.2" @@ -16212,53 +16062,7 @@ stylelint-use-logical@^2.1.0: resolved "https://registry.yarnpkg.com/stylelint-use-logical/-/stylelint-use-logical-2.1.0.tgz#4d2e58418d1a5d459beb3d51552491fab1ed22ec" integrity sha512-DN1boOPI6IMYTlu2KeQpH5hDEiCODHhd+AtXU0InO37wkWAuELiPwuv59HrTg2m9PYmqGTTO/QWdMBafYVPfew== -stylelint@^15.10.2: - version "15.10.3" - resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.10.3.tgz#995e4512fdad450fb83e13f3472001f6edb6469c" - integrity sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA== - dependencies: - "@csstools/css-parser-algorithms" "^2.3.1" - "@csstools/css-tokenizer" "^2.2.0" - "@csstools/media-query-list-parser" "^2.1.4" - "@csstools/selector-specificity" "^3.0.0" - balanced-match "^2.0.0" - colord "^2.9.3" - cosmiconfig "^8.2.0" - css-functions-list "^3.2.0" - css-tree "^2.3.1" - debug "^4.3.4" - fast-glob "^3.3.1" - fastest-levenshtein "^1.0.16" - file-entry-cache "^6.0.1" - global-modules "^2.0.0" - globby "^11.1.0" - globjoin "^0.1.4" - html-tags "^3.3.1" - ignore "^5.2.4" - import-lazy "^4.0.0" - imurmurhash "^0.1.4" - is-plain-object "^5.0.0" - known-css-properties "^0.28.0" - mathml-tag-names "^2.1.3" - meow "^10.1.5" - micromatch "^4.0.5" - normalize-path "^3.0.0" - picocolors "^1.0.0" - postcss "^8.4.27" - postcss-resolve-nested-selector "^0.1.1" - postcss-safe-parser "^6.0.0" - postcss-selector-parser "^6.0.13" - postcss-value-parser "^4.2.0" - resolve-from "^5.0.0" - string-width "^4.2.3" - strip-ansi "^6.0.1" - style-search "^0.1.0" - supports-hyperlinks "^3.0.0" - svg-tags "^1.0.0" - table "^6.8.1" - write-file-atomic "^5.0.1" - -stylelint@^15.11.0: +stylelint@^15.10.2, stylelint@^15.11.0: version "15.11.0" resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.11.0.tgz#3ff8466f5f5c47362bc7c8c9d382741c58bc3292" integrity sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw== @@ -16626,9 +16430,9 @@ title-case@^3.0.3: tslib "^2.0.3" tlds@^1.203.0: - version "1.242.0" - resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.242.0.tgz#da136a9c95b0efa1a4cd57dca8ef240c08ada4b7" - integrity sha512-aP3dXawgmbfU94mA32CJGHmJUE1E58HCB1KmlKRhBNtqBL27mSQcAEmcaMaQ1Za9kIVvOdbxJD3U5ycDy7nJ3w== + version "1.245.0" + resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.245.0.tgz#afd4c0c33be7227f8f2d4578573fc922b839ba84" + integrity sha512-fbSQFQr8f41/e9q9IoKKVv7CUFvvE3TVJo7m0JQJZcf7jOOXRRf9DIP4Uf04aovYGKG686OvtV4ZrNY1bOz3aA== tmp-promise@^3.0.2: version "3.0.3" @@ -16719,9 +16523,9 @@ to-through@^2.0.0: through2 "^2.0.3" tocbot@^4.20.1: - version "4.21.6" - resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.21.6.tgz#64e3685a3cb41e23841a06eedba9ad807270190f" - integrity sha512-bAnyV6SU2n1AvuBvEgi8t7KiIn5rRiEmwFp4+elx/1ueuncAUyubITfXDMwOqStgUwh8pDzLdWgDKLicsJPikw== + version "4.22.0" + resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.22.0.tgz#10bb34c011c1baa93d2a0e91d25d820856ba4103" + integrity sha512-YHCs00HCNiHxUhksloa36fTfMEXEWV+vdPn3ARQfmj2u3PcUYIjJkfc+ABUfCF9Eb+LSy/QzuLl256fbsRnpHQ== toidentifier@1.0.1: version "1.0.1" @@ -16961,15 +16765,15 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a" integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g== -"typescript@^4.6.4 || ^5.0.0": +"typescript@^4.6.4 || ^5.2.2": version "5.2.2" resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78" integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w== ua-parser-js@^1.0.33: - version "1.0.35" - resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.35.tgz#c4ef44343bc3db0a3cbefdf21822f1b1fc1ab011" - integrity sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA== + version "1.0.37" + resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.37.tgz#b5dc7b163a5c1f0c510b08446aed4da92c46373f" + integrity sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ== uc.micro@^1.0.1, uc.micro@^1.0.5: version "1.0.6" @@ -17148,9 +16952,9 @@ unist-util-visit@^2.0.0: unist-util-visit-parents "^3.0.0" universal-user-agent@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee" - integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w== + version "6.0.1" + resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.1.tgz#15f20f55da3c930c57bddbf1734c6654d5fd35aa" + integrity sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ== universalify@^0.1.0: version "0.1.2" @@ -17158,9 +16962,9 @@ universalify@^0.1.0: integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg== universalify@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717" - integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ== + version "2.0.1" + resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d" + integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw== unpipe@1.0.0, unpipe@~1.0.0: version "1.0.0" @@ -17205,14 +17009,6 @@ upath@^1.1.1: resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894" integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg== -update-browserslist-db@^1.0.11: - version "1.0.11" - resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940" - integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA== - dependencies: - escalade "^3.1.1" - picocolors "^1.0.0" - update-browserslist-db@^1.0.13: version "1.0.13" resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4" @@ -17637,18 +17433,7 @@ which-module@^1.0.0: resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f" integrity sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ== -which-typed-array@^1.1.10, which-typed-array@^1.1.11: - version "1.1.11" - resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.11.tgz#99d691f23c72aab6768680805a271b69761ed61a" - integrity sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew== - dependencies: - available-typed-arrays "^1.0.5" - call-bind "^1.0.2" - for-each "^0.3.3" - gopd "^1.0.1" - has-tostringtag "^1.0.0" - -which-typed-array@^1.1.2, which-typed-array@^1.1.9: +which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.2: version "1.1.13" resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.13.tgz#870cd5be06ddb616f504e7b039c4c24898184d36" integrity sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow== @@ -17906,9 +17691,9 @@ yaml@^1.10.0: integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== yaml@^2.1.1: - version "2.3.2" - resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.2.tgz#f522db4313c671a0ca963a75670f1c12ea909144" - integrity sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg== + version "2.3.4" + resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.4.tgz#53fc1d514be80aabf386dc6001eb29bf3b7523b2" + integrity sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA== yargs-parser@20.2.4: version "20.2.4"